• html表单标签与表单设计


    1<form>标记及其属性

    表单使用<form>和</form>来定义的,<form>标记有属性:name、method、action、target等属性

      语法格式:

    <form name = "表单名称" method = "提交方法" action = "处理程序">
    ...
    </form>

    其中:属性name是表单对象名称

    2 <input>标记及其属性

    <input>标记是个单标记,它必须嵌套在表单标记中使用,对于一个用户定义的输入项:

    <input name = "输入域名称" type = "域类型"value = "输入域的值">

    <input>有6个属性,即type、name、size、value、maxlength、check。其中,name和type是必选属性,name的值是响应程序(由form标记的action属性指定)中的变量名。type由9中类型,text、password、radio、checkbox、submit、reset、image、file、hidden

    3下拉列表框<select>、<option>

    在表单中,通过<select>和<option>标记可设计一个下拉式的列表或带有滚动条的列表

    基本语法:

    <select name = "" size = "" multiple>
        <option value = "" selected>..</option>
        <option value =  "" selected>..</option>
        ...
    </select>

    说明:

    1)<select>标记有name、size、multiple3个属性

    • name:设定下拉列表的名字
    • size:用于改变下拉框的大小,默认为1
    • multiple:表示允许用户从列表中多选,若缺省,则表示单选

    2)<option>标记有两个属性,即value和selected,他们都是可选项

    • value:用于设置该选项被选中并提交后,浏览器传送给服务器的数据
    • selected:用来指定选项的初始状态,表示该选项在初始时被选中

    4 多行文本框<textarea>标记

    基本语法:

    <textarea name = "" rows = "" cols = "" wrap = "off|virtual|physical">初始值
    </textarea>

    其中rows设置输入域的行数,cols设置输入域的列数,wrap设置是否自动换行

  • 相关阅读:
    数学中求余数问题
    点击事件后根据url保持相应导航高亮
    TP5和TP3.2的使用区别
    在已部署好的docker环境下配置nginx项目路径
    Tp5整理
    cookies、sessionStorage和localStorage的异同点
    CSS的长度单位
    Linux sed识别HTML标签
    css样式读取
    seller vue配置路径相对路径【组件 只写简单路径】
  • 原文地址:https://www.cnblogs.com/gride-glory/p/7820168.html
Copyright © 2020-2023  润新知