表单

 

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>

 
posted @ 2021-05-27 12:33  Sai佐为  阅读(662)  评论(0)    收藏  举报