HTML-表单


表单

由三部分组成,表单域,表单元素和提示信息

表单域

form 设置表单域

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

表单元素

允许用户输入或选择的内容控件

input标签

<input type='属性值'/>
  • 根据type的不同可以指定不同的控件类型

其他常用属性

属性 属性值 描述
name 用户自定义 定义input元素的名称
value 用户自定义 规定input元素的值
checked checked 设置是否被选中
maxlength 正整数 input的最大输入长度
  • 对于单选和复选需要设定相同的name
  • checked是对单复选框使用的

label标签

绑定表单元素,当点击lable标签包含的文本时,浏览器会自动将焦点转到对应的表单元素上去

<lable for='sex'></lable>
<input type='radio' name = 'sex'  id = 'sex' />
  • lable标签的for属性要与相关标签的id属性相同

select

  • 可以设置option的selected属性为’selected’选中

textarea

定义多行文本控件

<textarea>

</textarea>
属性 属性值 说明
clos 每行中的字符 实际开发中不会使用,通过css控制
rows 自大输入行数 实际开发中不会使用,通过css控制

文章作者: 木叶勇
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 木叶勇 !
 上一篇
HTML-表格 HTML-表格
表格<table 属性:> <tr> <th>   表头  </th> </tr> <tr> <td>   普通单元格
2020-04-15
本篇 
HTML-表单 HTML-表单
表单 由三部分组成,表单域,表单元素和提示信息 表单域 form 设置表单域 <from action="url地址" method="提交方式" name="表单域名称"> 表单元素 </from> 表单元素
2020-04-15
  目录