美文网首页
【前端】-010-页面制作-HTML-表单标签

【前端】-010-页面制作-HTML-表单标签

作者: 9756a8680596 | 来源:发表于2017-01-04 00:10 被阅读7次

常用标签

  1. 创建表单:
    <form method="post" action="后端文件名">...</form>
    表单中分区用fieldset属性进行,分区中的标题用legend属性设置

  2. 表单常用属性:

  • <input type="file" id="" name="fileUpload" />
  • <input type="checkbox" id="cb_1" name="cbName" value="cb_1" />
  • <input type="radio" id="rd_1" name="rdName" value="rd_1" />
  • <input type="text" placehold="tips" values="" readonly hidden />
    其中,选择框标签,如果默认选中某一个,增加checked属性值即可,禁止操作使用disabled
  1. 多行文本输入:
    <textarea id="" name="" rows="" cols="" >...</textarea>

  2. 下拉列表:

    <optgroup label="">
    <option value="">0</option>
    </optgroup>
</select>```
用selec属性设置默认选择项

5. 快速选择样式,可使用`label for`属性,其中label标签中的for属性对应相关表单的id即可便捷的选择样式数据

6. 按钮功能:button type = submit/reset

## Html5 新type
  - email
  - number
  - color
  - range
  - tel
  - search
  - url
  - date picker

相关文章

网友评论

      本文标题:【前端】-010-页面制作-HTML-表单标签

      本文链接:https://www.haomeiwen.com/subject/ybanvttx.html