H5小白入门笔记(4)

来源:互联网 发布:北京万户网络 编辑:程序博客网 时间:2024/06/09 22:55

ps:表单和表单控件

1,表单

用元素<form></form>创建表单,表单里面有众多表单控件,表单有几个主要的属性action表单提交的服务器URL;method方法;name表单名称;enctype表单数据进行编码的方式

2,表单控件

ps:input元素

<input  type="radio/text/password/checkbox" value="提交到服务器的值" name="控件名称"/>用于收集客户信息

A,文本框与密码框

<input type="text" name="text_name" value="初始值" id="textid"/>

<input type="password" name="passwd_name" value="Huawei123" id="passwdid" />

<label for="textid">姓名:</label> label标签绑定到文本框,点击label相当于点击文本框,通过label的for属性去绑定文本框的id


B,单选框和复选框

name属性分组,value:在被选中时,提交到服务器的值,



C,按钮

提交按钮:<input type="submit" value="提交命名"/>提交后,提交到<form action="http://www.baidu.com"></form>

重置按钮:<input type="reset" value="重置命名"/> 点击后,所有表单中的值都恢复默认值

普通按钮:<input type="buttom" value="普通按钮"/>



D,隐藏域和文件选择框

<input type="hiden"  value="不想被用户看到的值,却要提交到服务器的值"/>

<input type="file" />上传文件,选择文件等内容

原创粉丝点击