HTML表单_简洁版

HTML表单：

disabled:表示禁用

type:

​ 规定 input 元素的类型。按钮,复选框,⽂件,隐藏域,图像形按钮,密码,单选框,重置按钮,提交按钮,⽂本

​ button

​ checkbox

​ file

​ hidden

​ image

​ password

​ radio

​ reset

​ submit

​ text

注意：

1. 没有name属性的属性是⽆法提交到后台的！！！！

2. Radio单选按钮以name相同为⼀组。

3. Checkbox复选按钮以name相同为⼀组。

<!-- 提交时向CSS_01.html发送，发送方式为get -->
		<form action="CSS_01.html" method="get">
			<!-- 默认值为张三，只读模式 -->
			姓名：<input type="text" name="username" value="张三" readonly="readonly"  /><br />
			<!-- 点击时为元素对焦 -->
			<label for="text">密码：</label>
			<!-- 提示输入密码，控制最大长度 -->
			<input id="text" type="password" name="password" placeholder="请输入密码" maxlength="6" /><br />
			<!-- 隐藏型数据 -->
			<input type="hidden" name="hidden" value="1234" />
			<!-- 单选框，预选值checked -->
			性别：<input type="radio" name="sex" value="1" checked="checked" />男
			<input type="radio" name="sex" value="0" />女
			<input type="radio" name="sex" value="2" disabled="disabled"/>未知<br />
			<!-- 复选框，可选多个值 -->
			爱好:<input type="checkbox" name="hobby" value="baseball" />篮球
			<input type="checkbox" name="hobby" value="football" />足球
			<input type="checkbox" name="hobby" value="pingpang" />乒乓球<br/>
			<!-- 下拉列表 -->
			颜色:
			<select name="color" multiple="multiple" size="1">
				<option value="grenn">
					绿色
				</option>
				<option value="blue">
					蓝色
				</option>
				<option value="red">
					红色
				</option>
				<option value="black">
					黑色
				</option>
			</select>
			<br />
			<input type="image" src="img/image02.png" width="50" title="提交" /><br />
			<input type="reset" name="reset" value="重置" />
			<input type="button" name="bnt" value="按钮" />
			<input type="submit" value="提交" />
			<br />
			<button type="reset">重置</button>
			<button type="button">普通按钮</button>
			<button type="submit">提交</button>	
		</form>