html form表单

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

</head>
<body>
<h1>百度</h1>
<img src="百度图片.jpg" alt="此图片是百度图表">
<br>
<form action="127.0.0.1:8500" method="get">
<!--action默认地址-->
<label for="1">用户名:</label>
<input type="text" id ="1" name ="username">
<!--name属性定义一个要给服务器的值-->
<!--type=text是普通输入框-->

<br>
<br>
密码:
<input type="password">
<!--type=password-->
<input type="checkbox">
<!--选择框-->
<input type="radio" name="gender">男
<!--单选框-->
<input type="checkbox" name="gender">女
<!--单选框-->
<br>
<input type="submit" value="提交">
<!--type=submit提交按钮,在以后的学习过程中,谁写撮这个过程-->
<input type="button" value="提交">
<input type="file">
<!--提交文件-->
<input type="date">
<!--日期输入框-->
<input type="image" width="20px">
<!--图片提交自带submit-->
<select multiple size="10">
<!--select中-->
<!--option,每一个下拉选项 默认选择selected-->
<option value="1">炖大鹅</option>
<!--value值相当于一个键提交的键对值-->
<option value="">吨野兔</option>
<option value="">炖小鸡</option>
<option value="">杀猪菜</option>
<option value="" selected>米饭</option>
<!--selected默认-->
</select>
<br>
<textarea cols="" rows=""></textarea>
<!--文本输入区域默认-->
</form>
</body>
</html>
posted @ 2019-01-09 16:20  若无过客丶何来人生  阅读(470)  评论(0编辑  收藏  举报