html表单标签与表单设计

时间:2021-04-02 04:05:10

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设置是否自动换行