表单:
表单主要负责采集用户输入的信息,相当于一个控件集合,由文本域、复选框、单选框、菜单、文件地址域、
按钮等表单元素组成,最常见的表单应用有搜索引擎页面、用户登录页面、用户注册页面等;
< form >标签用于创建一个表单,其基本语法格式如下:
<form action="url地址" method="提交方式" name="表单名称">
</form>
action 属性用于接收并处理表单数据的服务器 url 地址
method 属性用于设置表单数据的提交方式 取值可以是 post 也可以是 get
name 属性用来区分一个网页中的多个表单
input标签属性
input 标签共有的一些属性:
type 控件的类型
value 指定默认值
size 文本框显示的长度
maxlength 用户可以输入的最多字符
name 用于服务器获取数据
disabled 获取或设置表单控件是否禁用,背景有阴影
readOnly 控件只读属性 不能更改只能复制和读取
required 必填项,如果不写,无法提交(一定要写提交方式)
单选多选
单选和多选:
value 该选项被选中后提交到服务器的值
checked 默认的选中项
name (单选框 代码中的name属性的属性值必须一致)
下拉列表
<select name=“...” size=“...” >
<option value="..." selected="selected">...
<option value="..." selected ="">......
</select>
selected 默认选中
value 选项被选中后提交到服务器的值,该值在所在标签里不能重复
label标签
<label for="idname">打球</label>
<input type="" id="idname">
<label>里面的for属性和input里面的id要保持一致
用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上
input按钮:
<input type="submit">提交
<input type="reset">重置
<input type="button">点击
<input type="image" src="">图片
<input type="file ">上传
<button type="submit">提交按钮(button)</button>
<input type="reset" value="重置按钮">
<button type="button">普通按钮</button>