zoukankan      html  css  js  c++  java
  • html知识——表单

    1.表单标记:<form>内容</form>

        属性:     name(表单名称) 必须写!!!

              method(传送数据方式):

                get--将表单的内容附加在URL地址的后面,所以限制了提交的内容的长度,不超过8192个字符,且不具备保密性

                post--将表单中的数据一并包含在表单主体中,一起传送到服务器中处理,没有数据大小限制

              action:表单数据的处理程序的URL地址,如果为空则使用当前文档的URL地址,

                  如果表单中不需要使用action属性也要指定其属性为“no”       

              enctype:设置表单资料的编码方式

              target:和超链接类似,用来指定目标窗口

    2.文本域和密码:<input>标记 单标记

        属性: type:text(文本输入框)、password(密码输入域)

            name:名称

            value:初始化值

            maxlenght:最大允许输入的字符数

    3.提交、重置、普通按钮

        提交 <input type="submit"> 

        重置 <input type="reset">

        普通 <input type="button">

    4.单选框和复选框

        单选 <input type="radio">  实现男女性别选择:同时加上 name="sex"

        复选 <input type="checkbox">

    5.隐藏域

         <input type="hidden">

    6.多行文本域<textarea>

        rows和cols属性用来指定显示的行数和列数

    7.菜单下拉列表域<select>

        格式:   

    <select>
      <option value ="volvo">Volvo</option>
      <option value ="saab">Saab</option>
      <option value="opel">Opel</option>
      <option value="audi">Audi</option>
    </select>

         <option>标签:value(给选项赋值)

               selected(默认选项)

    8.其他属性

      <input type="number"> 用于应该包含数字值的输入字段。您能够对数字做出限制。

    <form>
      Quantity (between 1 and 5):
      <input type="number" name="quantity" min="1" max="5">
    </form>

      <input type="date"> 用于应该包含日期的输入字段。根据浏览器支持,日期选择器会出现输入字段中。

      <input type="color"> 用于应该包含颜色的输入字段。根据浏览器支持,颜色选择器会出现输入字段中。

      <input type="range"> 用于应该包含一定范围内的值的输入字段。根据浏览器支持,输入字段能够显示为滑块控件。

      <input type="time"> 允许用户选择时间(无时区)。根据浏览器支持,时间选择器会出现输入字段中。

      <input type="email"> 用于应该包含电子邮件地址的输入字段。根据浏览器支持,能够在被提交时自动对电子邮件地址进行验证。某些智能手机会识别 email 类型,并在键盘增加 ".com" 以匹配电子邮件输入。

  • 相关阅读:
    Yarn调度器负载模拟器——Yarn Scheduler Load Simulator (SLS)
    代理模式之动态代理
    12.怎样自学Struts2发送邮件和验证补充[视频]
    jquery 深入学习笔记之中的一个 (事件绑定)
    IBM中国研究院、SAP、网易游戏、IBM2015应届生招聘笔试面试问题分享
    [LeetCode]Generate Parentheses
    oracle故障解决
    hdu 1065 I Think I Need a Houseboat
    hdu 1065 I Think I Need a Houseboat
    hdu 1237 简单计算器
  • 原文地址:https://www.cnblogs.com/syyy/p/5838877.html
Copyright © 2011-2022 走看看