<!DOCTYPE <html>
<!--表单作用:1.搜集用户信息
2.提交用户信息
标签:form
action:需要提交的地址
method:提交方式 get:适合少量数据的提交 post:适合大量数据的提交 post相比于get更安全
 --占用一个中文字,两个字节
input:输入框 属性:type text password radio checked
radio---实现单选 radio---checked=checked实现默认选择
checked---实现多选
注意设置name和value属性的用途
<select><option></option></select> 下拉框
<textarea rows="30" cols="70">
</textarea>多行文本框
-->
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
</head>
<body>
<form action="#" method="">
用户名:<input type="text" name="username"/><br />
密 码:<input type="password" name="userpass"/><br />
性 别:男:<input type="radio" name="sex" checked="checked" value="1"/>女:<input type="radio" name="sex" value="2"/><br />
爱 好:看电影:<input type="checkbox" name="hobby"value="1"/>看书:<input type="checkbox" name="hobby" value="2"/>跑步:<input type="checkbox" name="hobby"value="3"/><br />
<h5>请选择属于中国的省</h5>
<select name="">
<option value ="">----</option>
<option value ="1">台湾</option>
<option value ="2">纽约</option>
<option value ="3">四川</option>
</select><br />
<textarea rows="20" cols="70">
</textarea>
<br />
<input type="submit" value="注册"/><br />
</form>
</body>
</html>
HTML中的表单(form)
猜你喜欢
转载自blog.csdn.net/qq_43090158/article/details/82317714
今日推荐
周排行