html+css > form 标签

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>

<form method="get" action="http://localhost" name="ffew">
	年龄:<input type="text" name="age" value="123"><BR>
	姓名:<input type="text" name="name"><BR>
	职业:<input type="text" name="zhiye"><BR>
	密码:<input type="password" name="pass"><BR>
	男女:&nbsp;&nbsp;<input type="radio" name="sex" value="1" checked /> 男
					<input type="radio" name="sex" value="2"  /> 女
					<BR>
	爱好: <input type="checkbox" name="a" value="1" />苹果&nbsp;&nbsp;<input type="checkbox" name="b" value="2" />梨&nbsp;&nbsp;
			<input type="checkbox" name="c" value="3" />西瓜&nbsp;&nbsp;
	<BR>
	出生地: 
	<select name="both">
		<option value="1" >四川</option>
		<option value="2" selected >重庆</option>
		<option value="3">河北</option>
		<option value="4">湖北</option>
	</select>
	<BR>
	简介:
	<textarea name="jianjie" rows="5" cols="30">阿斯顿发送到发</textarea>
	<BR>
	<input type="submit" value="提交出去">
	<input type="reset" value="重置表格">
</form>

<BR>&nbsp;<BR>&nbsp;<BR>&nbsp;<hr><BR>&nbsp;<BR>&nbsp;
method  //提交的方式 "post"   "get"
action  //提交地址
name    //给该标签指定名称
value	//值

http://www.baidu.com/?age=22&name=张三&zhiye=司机
参数之间第一个用?后面的用&连接

//input 输入的类型 type="XXX"
1: text 文本输入
2: password 密码输入
3: radio 单选按钮, 需要设置共同的name  , checked 默认选择
4: checkbox 复选框  , 彼此之间都是独立的
5: submit 提交按钮  按钮上显示的文字=value
6: reset  重置按钮  按钮上显示的文字=value

//select  下拉列表
option 选项
selected 默认选择

//textarea 文本区域
rows 行数 横向
cols 列数 纵向
值需要写入标签内






</body>
</html>

猜你喜欢

转载自itren8899.iteye.com/blog/2123569