第九课 表单及表单控件 html5学习4

时间:2021-08-28 23:20:47

表单有由表单域、提示文本、表单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>密&nbsp;码:<input type="password" name="pwd"/></p>
<input type="submit" value="提交"/>
<input type="reset" value="重置"/>
</form>
2、常用属性
action="地址"
method 用于设置表单数据提交方式,取值为get或post
get速度块但是会显示表单里面的内容,不安全,不能做密码的提交
post速度慢一些 但是 不会显示表单内容 安全一些
name 属性