表单
|
1,为什么需要表单 2,表单的组成
使用表单目的是为了收集用户信息,
HTML中,一个完整的表单由3部分组成, 表单域,表单控件(表单元素)(小框框,小按钮),提示信息(身高,学历,月薪等)。
表单域的作用和语法规范 表单域是包含表单元素的区域 HTML中,<form>标签用于定义表单域,以实现用户信息的收集和传递 form会把它范围内的 表单元素信息 提交给服务器。 <form action="url地址" method="提交方式" name="表单域名称">各种表单元素控件</form> 属性 属性值 作用 action url地址 用于指定接收并处理表单数据的服务器程序的url 地址。//表单元素的结果提交给后台例如 action="demo.php" 把表单数据送到demo.php进行处理 method get/post 设置表单数据提交方式,取值为get或post // 把数据提交到后台的方式有 get 和post name 名称 用于指定表单的名称, 区分同一页面的多个表单域
表单控件(表单元素) 1、input 输入表单元素 2、select下拉表单元素 3、textarea文本域元素
<input>表单元素 <input type="属性值"> //input 标签为单标签, type属性设置不同的属性值用来制定不同的控件类型 <input type="text" name="username" value="请输入用户名"> <input type="password">
radio单选//必须有相同的名字name才能实现多选一 checkbox多选 <input type="radio" value="男"> //选了男,后台人员就知道用户选了男这个值了
checked=“checked” 针对的是 单、复选框 maxlength=“6” 只能输入6个字符
1,有些表单元素想刚打开页面句默认显示几个文字怎么做? 可以让这些表单元素设置value属性=“值” //value="请输入用户名" 2,页面中表单元素很多,如何区别不同的表单元素? name属性,当前input表单的名字,后台可以通过这个name属性找到这个表单,页面中的表单很多,name的主要擢用就是用于区别不同的表单。 3,如果页面一打开就让某个单选按钮或复选框是选中状态? checked属性 4,如何让input表单元素展示不同的形态?比如单选或文本框 type属性,type属性可以让input表单元素设置 radio 或 checkbox
type="submit"//把表单提交给后台 type="reset"//重置表单 type="button" value="获取短信验证码"//后期结合js搭配使用 type="file":上传头像
<label>标签 label 标签可以绑定表单元素,点击label文本时 可以选上 单选/多选表单 <label for="sex">男</label> <input type="radio" name="sex" id="sex" /> 点击这个文字 ‘男’,受益是这个表单按钮 。 for属性要与元素id属性相同
2,select 下拉表单元素 <select> <option>山东</option> <option>北京</option> <option selected="selected">上海</option> //默认是上海选项 </select>
3,textarea文本域元素 该控件常见于留言板、评论。 <textarea> 这里是默认显示文字 </textarea> |
|





浙公网安备 33010602011771号