表单标签

表单:目的是为了收集用户信息,有表单控件(也称表单元素)、提示信息和表单域三部分组成。

表单控件:包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。

提示信息:一些说明性的文字,提示用户填写和操作。

表单域:相当于一个容器,用来容纳所有的表单控件和提示信息,可以通过它定义处理表单数据所用程序的url地址,以及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法及时传送到后台服务器。


input控件(重点)

<input/>:单标签。

属性属性值描述
typetext单行文本输入框
typepassword密码输入框
typeradio单选按钮
typecheckbox复选框
typebutton普通按钮
typesubmit提交按钮
typereset重置按钮
typeimage图像形式的提交按钮
typefile文件域
name由用户自定义控件的名称
value由用户自定义input控件中的默认文本值
size正整数input控件在页面中的显示宽度
checkedchecked定义选择控件默认被选中的项
maxlength正整数控件允许输入的最多字符数

type:说明了属于那种表单。

radio:如果是一组,我们必须给他命名相同的名字name=“??”。这样就可以在一组的多个选项中只能选择其一。


label标签(理解)

label标签为input 元素定义标注(标签)

用于绑定一个表单元素,当点击label标签的时候,被绑定的表单元素就会获得输入焦点,for属性规定label与那个表单元素绑定。


textarea控件(文本域)

如果需要输入大量信息,就要用到<textarea></textarea>标签,通过textarea控件可轻松的创建出多行文本输入框。

<textarea cols="每行中的字符数" rows=“现实的行数”>

文本内容

</textarea>


下拉菜单

select:适用于多个选择。

基本格式:<select>

<option>选项1</option>

<option>选项2</option>

..........

</select>


表单域

form:创建一个表单,以实现用户信息的收集和传递,form中所有内容都会提交到服务器。

<form action="url地址" method=“提交方式”name=“表单名称”>

各种表单控件

</form>

常用属性:

1.action:在表单收集到数据之后,需要将数据传递给服务器进行处理,action属性用于指定接受并处理表单数据的服务器程序的url地址。

2.method:用于设置表单数据的提交方式,其值为get或post。

3.name:用于指定表单的名称,以区分一个页面中的多个表单。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值