美文网首页
【前端】-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