HTML的表单

表单的典型应用

- 注册用户
- 收集信息
- 反馈信息
- 为网站提供搜索工具

表单包含的控件 type属性值,默认text
text、password、select、radio、file、checkbox、submit、reset、textarea 、hidden、button
checked属性:仅与或配合使用,选中值为checked。

表单页面的基本结构


<form action = "表单提交地址"method="post/get提交方法">
---文本框、按钮等表单元素
</form>
- get和post的区别 。
- post提交比get更加安全。
- get 是从服务器上获取数据,post是向服务器传送数据;
- get是提交参数在地址栏可见,url后面能看到明显的字符串,posturl看不到字符串
- get传送的数据量较小,不能大于2kb,post传送的数据量较大,只支持post上传。
-

  • 关键字
    action 指定提交后,由服务器上那个处理程序处理。
    method 提交方法,一般为post和get提交方式。

表单元素的统一格式

  • 基本的元素:type、name、value、size、maxlength、checked

    <form action ="" name ="名称" id="全有网页保持唯一" method ="post" >
    <input type ="checkbox- 指定元素的统一的格式" name="gen" value="男">
       /*- maxlength:控件中输入的最多字符个数。  
          - checked 控件是否被选中。  
          - size 显示的最大字符*/
    <lable for=""></label>
    </form> 
  • 实现label标签也能进行选择。
    <input name="radio" type="radio"id="female"/> <label for="female">女</label>

表单的基本元素

  • 列表框基本语法
    <select name ="指定列表的名称" mulitipe 选中 size = "行数">  
        <option value = "可选项的值" selected->*被选中项*>名称</option>  
    </select>
  • input 方法:
    <input name ="fruit" id="fruit" type ="radio" classs ="input" value ="男" checked ="checked">

    • 文本框 type = text; value=“zhi” type=”email”(h5新特性) placeholder默认光标在左边
    • 密码框 type =password;
    • 单选按钮 tyepe = “radio” – > 一组单选框,name必须相同.
    • 复选按钮 type = checkbox –>
    • 按钮基本语法 type =”reset”->重置信息 、”butoon”->按钮、”sumbit”——>提交属性。;
  • 多行文本框基本语法
    <textarea name ="textarea" cols ="40" rows ="6"> </textarea>
    cols文本框的列数,rows文本框的行数。
IT文库 » HTML的表单
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址