<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body>
<!--form表单是html原生的可以发送网络请求的标签
请求的机制:
1.至少要有一个submit类型的input标签
2.当点击这个submit提交按钮时,
form表单会发送一个网络请求
3.请求的地址就是form中action属性规定的地址
4.参数由form标签内所有的input的name属性和input的value组成key=value的形式
5.多个参数以&连接,请求地址和参数之间以?连接
-->
<form action="https://www.baidu.com/s">
<!--input标签-->
班级:<input type="text"><br>
<!--输入内容被黑点覆盖-->
密码:<input type="password"><br>
<!--单选-->
<input type="radio" name="gender" value="男">男<br>
<input type="radio" name="gender" value="女">女<br>
<input type="submit" value="百度一下">
<!--多选-->
<input type="checkbox" name="1" value="2">吃<br>
<input type="checkbox" name="1" value="3">喝<br>
<input type="checkbox" name="1" value="4">谁<br>
<input type="date">
数学:<input type="text" name="wd" value="" >
姓名:<input type="text" placeholder="请输入姓名"><br>
<input type="color" name="33">
<div>
<textarea name="dx" id="123" cols="30" rows="10"></textarea>
<input type="reset">
</div>
</form>
</body>
</html>
HTML表单
最新推荐文章于 2024-04-24 14:37:39 发布