<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<form action="http://www.baidu.com" action="post"> <!-- action:指向发送地址,action:发送时处于隐藏状态. -->
<p>
用户名:<input type="text" name="username" value="某某"> <!-- value:默认值 -->
</p>
<p>
密码:<input type="password" name="password">
</p>
<p>
性别:男:<input type="radio" name="xingbie" value="男" checked="checked"> <!-- checked:默认值 -->
女:<input type="radio" name="xingbie" value="女">
</p>
<p>
爱好:篮球:<input type="checkbox" name="hobby" value="篮球" checked="checked"> <!-- checked:默认值 -->
排球:<input type="checkbox" name="hobby" value="排球">
足球:<input type="checkbox" name="hobby" value="足球">
</p>
<p>
<select name="xueli" >
<option value="大学" selected="selected">大学</option> <!-- selected:默认值,下面高中,初中等表示方法一致-->
<option value="高中">高中</option>
<option value="初中">初中</option>
<option value="小学">小学</option>
</select>
</p>
<p>
<textarea name="intro" id="" cols="30" rows="10"></textarea> <!--简介输入框 -->
</p>
<p>
上传头像:<input type="file" name="pic"/>
</p>
<p>
隐藏域:<input type="hidden" name="ip" value="192.168.1.13"/>
</p>
<p>
<input type="submit" value="提交"/>
</p>
<p></p>
</form>
</body>
</html>
css制作表单
猜你喜欢
转载自blog.csdn.net/jy123_123/article/details/82830527
今日推荐
周排行