HTML常用标签

这里写目录标题

8 表单标签8.1 表单域8.1.1 $<input>$表单元素8.1.2 $<label>$标签8.1.3 $<select>$标签8.1.3 $<textarea>$标签

8 表单标签

8.1 表单域

  表单域是一个包含表单元素的区域。在HTML标签中，标签用于定义表单域，以实现用户信息的收集和传递。 $<form>$会把它范围内表单元素信息提交给服务器。

<from action="url地址" method="提交方式" name="表单域名称"> 各种表单元素控件 </from>

常用属性

属性属性值作用actionurl地址用于指定接收并处理表单数据的服务器程序url地址methodget/post用于设置表单数据的提交方式，其取值为get或postname名称用于指定表单的名称，以区分同一个页面中的多个表单域

8.1.1 $<input>$表单元素

type属性的属性值及其描述如下：

属性值描述button定义可点击按钮（多数情况下，用于听过Java）checkbox定义复选框file定义输入字段和“浏览”按钮，供文件上传hidden定义隐藏的输入字段image定义图像形式的提交按钮password定义密码字段，该字段中的字符被掩码radio定义单选按钮reset定义重置按钮，重置按钮会清除表单中的所有元素submit定义提交按钮，提交按钮会把表单数据发送到服务器text定义单行的输入字段，用户可在其中输入文本。默认宽度20个字符

  除type属性外，input标签还有很多其他属性，如下所示：

属性属性值作用name由用户自定义定义input元素的名称value由用户自定义规定input元素的值checkedchecked规定input元素首次加载时应该被选中maxlength正整数规定输入字段中的字符的最大长度

1 name 和 value 是每个表单元素都有的属性值，主要给后台人员使用。 2 name表单元素的名字，要求单选按钮和复选框要有相同的name值。 3 checked属性主要针对于单选按钮和复选框，主要作用是一打开页面，就要可以默认选中某个表单元素。 4 maxlength 是用户可以在表单元素输入的最大字符数。

8.1.2 $<label>$标签

8.1.3 $<select>$标签

 select 控件定义下拉列表

<select> <option>选项1</option> <option>选项2</option> <option>选项3</option> ... </select>

1 select 至少包含一对option 2 在 option 中定义select="selected"时，当前项即为默认选中项。

8.1.3 $<textarea>$标签

 通过textarea标签可以轻松的创建多行文本输入框 cols=“每行中的字符数” row=“显示的行数”

<textarea rows="3" cols="20"> 文本内容 </textarea>