(四) HTML之表单元素
2015-06-15 09:30
627 查看
HTML中的表单元素，是构成动态网页的重要组成部分，因此，熟知表单元素是十分重要的。下面将根据表单中的一些常用标签进行介绍
1、单选按钮
<input type="radio" name="sex" value="man" checked/>男
<input type="radio" name="sex" value="weman"/>女
其中，name必须相同。checked表示默认选择项。
2、复选按钮
<input type="checkbox" name="cities" value="BeiJing" checked/>北京
<input type="checkbox" name="cities" value="ShangHai"/>上海
3、下拉列表
<select size="??" multiple name="fruit">
<option value="apple" selected>苹果</option>
<option value="pear">梨</option>
</select>
size表示下拉列表框显示几个，无该属性时，默认是1个。
multiple表示可以多选，按住Ctrl键
selected表示默认选择项
4、文本域
<textarea rows="" cols="" maxlength=""> 请输入内容...</textarea>
rows表示文本域的行数，cols表示文本域的列数，maxlength表示最大输入数。
5、上传文件
<input type="file" name="myfile"/>
6、图片形式的提交按钮
<input type="image" src="??"/>
备注：html的<head></head>标签内有一个重要的标签，<meta http-equiv="content-type" content="text/html; charset=utf-8">
utf-8是国际通用的编码格式，gb2312和gbk编码只针对中文汉字，在保存html文件时，应和指定的文件格式统一。
到此为止，html的常用标签基本学完，当然还有很多的html标签，在以后的工作学习中，涉及到哪一块，应通过查帮助文档进行学习。。。
1、单选按钮
<input type="radio" name="sex" value="man" checked/>男
<input type="radio" name="sex" value="weman"/>女
其中，name必须相同。checked表示默认选择项。
2、复选按钮
<input type="checkbox" name="cities" value="BeiJing" checked/>北京
<input type="checkbox" name="cities" value="ShangHai"/>上海
3、下拉列表
<select size="??" multiple name="fruit">
<option value="apple" selected>苹果</option>
<option value="pear">梨</option>
</select>
size表示下拉列表框显示几个，无该属性时，默认是1个。
multiple表示可以多选，按住Ctrl键
selected表示默认选择项
4、文本域
<textarea rows="" cols="" maxlength=""> 请输入内容...</textarea>
rows表示文本域的行数，cols表示文本域的列数，maxlength表示最大输入数。
5、上传文件
<input type="file" name="myfile"/>
6、图片形式的提交按钮
<input type="image" src="??"/>
备注：html的<head></head>标签内有一个重要的标签，<meta http-equiv="content-type" content="text/html; charset=utf-8">
utf-8是国际通用的编码格式，gb2312和gbk编码只针对中文汉字，在保存html文件时，应和指定的文件格式统一。
到此为止，html的常用标签基本学完，当然还有很多的html标签，在以后的工作学习中，涉及到哪一块，应通过查帮助文档进行学习。。。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 