表单有由表单域、提示文本、表单3部分构成
一、表单控件
input 控件
1、<input />单标签
2、input属性:
可以通过type属性变换形状
value默认值
name名称
checked=checked默认选中
maxlength 最多输入 正整数
3、<input /> type属性值:text文本框、
password密码框、
radio单选框 如果是一组,通过相同的name实现、
checkbox复选框、
button普通按钮、
submit 提交按钮、
reset 重置按钮、
image 图片按钮、
file 文件域 文件按钮
label标签
1、label直接进行包裹 : <label>输入账号:<input type="text"/></label>
2、如果label里面有多个表单,想定位到某个 可以通过for id的格式进行
textarea 文本域
多用于评论框,留言框
1、<textarea>请输入留言</textarea>
select 下拉菜单标签
1、语法结构
<select>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
</select>
2、注意:
<select></select>中应至少包含一对<option></option>
在option中定义selected="selected"时、当前选项即为默认选项
二、表单域
表单域 form 收集表单控件信息,并且提交的。
1、语法结构
<form>
<p>用户名:<input type="text" name="username"/></p>
<p>密 码:<input type="password" name="pwd"/></p>
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</form>
2、常用属性
action="地址"
method 用于设置表单数据提交方式,取值为get或post
get速度块但是会显示表单里面的内容,不安全,不能做密码的提交
post速度慢一些 但是 不会显示表单内容 安全一些
name 属性