HTML——初识表单学习

表单from
action:表单提交的位置，可以是网站，也可以是一个请求处理地址
method:post , get 提交方式
get方式提交：我们可以在url中看到我们提交的信息，不安全，高效
post方式提交：比较安全，传输大文件

代码
<h1>注册</h1>
<form action="1.我的第一个html网页.html" method="get">
<p>名字：<input type="text" name="username"></p>
<p>密码：<input type="password" name="pwd"></p>
<input type="submit">
<input type="reset" value="清空表单">
</form>

效果图

单选框

单选框标签
input type="radio"
value:单选框的值
name:表示组

代码
<p>性别： <input type="radio" value="boy" name="sex">男 <input type="radio" value="girl" name="sex">女 </p>

效果图

多选框

多选框标签
input type="checkbox"
value:单选框的值
name:表示组

代码
<p>爱好： <input type="checkbox" value="sleep" name="hobby">睡觉 <input type="checkbox" value="code" name="hobby">敲代码 <input type="checkbox" value="game" name="hobby">打游戏 <input type="checkbox" value="music" name="hobby">听歌 </p>

效果图

按钮

input type="button" 普通按钮
input type="image" 图像按钮
input type="submit" 提交按钮
input type="reset" 重置

代码
<p>按钮： <input type="button" name="btn1" value="点击变长"> <input type="image" src="../image/哈哈.png"> </p>

效果图