美文网首页
HTML 表单的用法

HTML 表单的用法

作者: QQQQQCY | 来源:发表于2017-06-07 16:11 被阅读0次

    HTML 表单用于搜集不同类型的用户输入
    <form> 元素定义 HTML 表单:

    <form action="action_page.php" method="GET" target="_blank" accept-charset="UTF-8"
    ectype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
    .
    form elements
     .
    </form> 
    

    <form> 所有属性如下

    属性 描述
    accept-charset 规定在被提交表单中使用的字符集(默认:页面字符集)
    action 规定向何处提交表单的地址(URL)(提交页面)
    autocomplete 规定浏览器应该自动完成表单(默认:开启)
    enctype 规定被提交数据的编码(默认:url-encoded)
    method 规定在提交表单时所用的 HTTP 方法(默认:GET)
    name 规定识别表单的名称(对于 DOM 使用:document.forms.name)
    novalidate 规定浏览器不验证表单
    target 规定 action 属性中地址的目标(默认:_self)

    HTML 表单包含表单元素
    表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。

    <input> 元素

    <input> 元素是最重要的表单元素。可以通过设置不同的type属性来生成相应的形态


    • text
      定义用于文本输入的单行输入字段
    <input type="text"> 
    

    • textarea
      定义用于文本输入的多行字段(文本域)
    <textarea >   
    </textarea> 
    

    • password
      定义密码字段
    <input type="password">  
    

    • checkbox
      定义复选
      复选框允许用户在有限数量的选项中选择零个或多个选项。
    <input type="checkbox"> 
    

    • radio
      定义单选框
    <input type="radio"> 
    

    • button
      定义按钮
    <input type="button"> 
    

    • select
      定义下拉列表
    <select>
        <option value="x1">x1</option>
        <option value="x2" selected>x2</option>
        <option value="x3">x3</option>
    </select> 
    

    • submit
      定义用于向表单处理程序(form-handler)提交表单的按钮。
      表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。
      表单处理程序在表单的 action 属性中指定:
    <input type="submit"> 
    

    <input> 属性

    除了主要的type属性外,以下属性也是在定义input中常用的


    • value
      属性规定输入字段的初始值
    <input type="xxx" value="xxx"> 
    

    • name
      该属性用于指定用来保存用户输入文本的变量和名称。定义name属性后WML将根据该属性也即变量名,为即将输入的文本实体对象与之存储空间,以便接收用户输入
    <input type="xxx" name="xxx"> 
    

    • placeholder
      用来显示在输入框中,作为提示信息
    <input type="text" placeholder="tips">
    

    • title
      当鼠标悬停在该input上时,title中的内容会额外显示作为补充信息
    <input type="xxx" title="xxx">
    

    • readonly
      属性规定输入字段为只读(不可修改)
    <input type="xxx"  readonly>
    

    • disabled
      属性规定输入字段是禁用的
      被禁用的元素是不可用和不可点击的
      被禁用的元素不会被提交
    <input type="xxx"  disabled>
    

    相关文章

      网友评论

          本文标题: HTML 表单的用法

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