Day2——表单

前言：此文章为在校期间老师所授，记录着课堂知识。

表单的标签

四大标签

input；textarea；select；button。

表单的外围

<form>

<fieldset>

</form>

fieldset：最外一圈加个框

<legend align="center">个人资料</legend>

legend：在框上面镶嵌个字

文本输入框

<input type="text" name="uname" size="30px"
			maxlength="6" placeholder="输入名字" readonly="readonly"/>

默认的type是文本框，name用来传值的。
size：改变文本框的长度。
maxlength：输入字符个数（无论中英）。
readonly：只读（无法编辑）。
value：默认值。
placeholder：默认值置灰。

密码框

	<input type="password" name="upass"/>

type=“password”：输入之后隐藏。

文件输入框

	<input type="file" name="myfile" />

type=“file”：放入文件。

文本域

	<textarea style="resize:none" name="info" cols="30" rows="5">aaa &#13;bbb</textarea><br/>

textarea：文本域。
style=“resize:none”：文本域禁止拖拽。
rows：行数（高度）
cols：列数（宽度）
&#13； 在文本域里是回车。

复选框

	aihao:
	<input type="checkbox" name="aihao" value="java"/>java
	<input type="checkbox" name="aihao" value="c" checked="checked"/>c
	<input type="checkbox" name="aihao" value="html"/> html

type=“checkbox”：复选框。
checked：默认勾选。

单选框

	sex:
	<input type="radio" name="sex" value="男" checked="checked"/>男
	<input type="radio" name="sex" value="女" />女

type=“radio”：单选框。

下拉栏

<select name="country">
		<optgroup label="亚洲">
			<option value="中国">中国</option>
			<option value="日本">日本</option>
			<option>韩国</option>
		</optgroup>
		<optgroup label="欧洲">
			<option value="法国">法国</option>
			<option selected="selected">德国</option>
			<option>意大利</option>
		</optgroup>
</select>

select：下拉栏
optgroup：为select里面的子选项生成一个子菜单。
selected：默认选择。

按钮

	<input type="submit" value="注册" style="width: 80px;"/>
	<input type="button" value="点击" />
	<input type="reset" />
	<br />
	<button type="submit">注册</button>
	<button type="button">点击</button>
	<button type="reset">重置</button>

submit：有提交功能。
button：有点击功能。
reset：有重置功能。
当然还可以用图片当按钮：

	<input type="image" src="img/204.jpg" width="60px" height="40px" />	

课堂作业

应用表单和table简单的做了一个注册页面。