HTML表单

mac2024-06-21  46

<!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>
最新回复(0)