form表单和表格

时间：2014-07-18 22:34:42 阅读：373 评论：0 收藏：0 [点我收藏+]

HTML <table> 标签

border	pixels	规定表格边框的宽度。	STF
cellpadding	pixels %	规定单元边沿与其内容之间的空白。	STF
cellspacing	pixels %	规定单元格之间的空白。	STF

HTML 5 <form> 标签

action	定义一个 URL。当点击提交按钮时，向这个 URL 发送数据。

action

定义一个 URL。当点击提交按钮时，向这个 URL 发送数据。

method	用于向 action URL 发送数据的 HTTP 方法。默认是 get。

method

用于向 action URL 发送数据的 HTTP 方法。默认是 get。

HTML <input> 标签的 type 属性

button	定义可点击按钮（多数情况下，用于通过 JavaScript 启动脚本）。
checkbox	定义复选框。
file	定义输入字段和 "浏览"按钮，供文件上传。
hidden	定义隐藏的输入字段。
image	定义图像形式的提交按钮。
password	定义密码字段。该字段中的字符被掩码。
radio	定义单选按钮。
reset	定义重置按钮。重置按钮会清除表单中的所有数据。
submit	定义提交按钮。提交按钮会把表单数据发送到服务器。
text	定义单行的输入字段，用户可在其中输入文本。默认宽度为 20 个字符。

HTML <input> 标签的 checked 属性

checked 属性规定在页面加载时应该被预先选定的 input 元素。

checked 属性与 <input type="checkbox"> 或 <input type="radio"> 配合使用。

HTML <option> 标签的 selected 属性

elected 属性规定在页面加载时预先选定该选项。

被预选的选项会显示在下拉列表最前面的位置。

综合案例：

<html>
	<head>
		<meta http-equiv="Content-type" content="text/html;charset=utf-8"/>
		<meta http-equiv="refresh" contnt="3;uri=http://baidu.com"/>
		<title> hello world!</title>
		
	</head>
	<body>
		<form action="#" method="get">
			<table align="center" border='0' cellspacing="10" cellpadding="10">
				<input type="hidden" name="id" value="id"/>
				<tr>
					<td>用户名：</td>
					<td><input type="text" name="userName" value="" /></td>
				</tr>
				<tr>
					<td>密码：</td>
					<td><input type="password" name="password" /><br/></td>
				</tr>
				<tr>
					<td>爱好：</td>
					<td>
						<input type="checkbox" name="hobby" value="film" checked="checked">电影
						<input type="checkbox" name="hobby" value="net">上网<br/>
					</td>
				</tr>
				<tr>
					<td>性别：</td>
					<td>
						<input type="radio" name="sex" checked="checked"/>男
						 <input type="radio" name="sex"/>女<br/>
					</td>
				</tr>
				<tr>
					<td>头像：</td>
					<td>
						<input type="file" name="img"/><br/>
						<select name="list">
							<option value="aaa">aaa</option>
							<option value="aaa" selected="selected">bbb</option>
							<option value="aaa">ccc</option>
						</select><br/>
					</td>
				</tr>
				<tr>
					<td>个人介绍：</td>
					<td><textarea rows="5" cols="20"></textarea><br/></td>
				</tr>
				<tr>
					<td colspan="2" align="center">
						<input type="submit" value="揭交"/>
						<input type="reset" value="重置"/>
					</td>
				</tr>
			</table>
		</form>
	</body>
</html>

form表单和表格,布布扣,bubuko.com

form表单和表格

标签：style blog http java color 使用

原文地址：http://blog.csdn.net/liang5630/article/details/37884771

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行