HTML表单的用法
<form></form>
用法
<form></form>
标签会将标签其中的信息提交到服务器上,有get和post两种方式。-
文本框
<input type="text" name="文本">
表示文本框
<input type="text" name="文本" value="123">
表示文本框的初始值为123
<input type="text" name="文本" placeholder="请输入">
文本框里有提示词
<input type="password" name="password">
输入后显示.号
效果图
按钮
<input type="button" value="按钮">
一个普通按钮上面有“按钮”两字
<input type="submit" value="登录">
一个登录按钮
<input type="reset" value="重置">
可以重置信息的按钮
效果图
<input type="radio" name="" value="">
是一个单选框<input type="radio" checked="checked" name="" value="">
单选框默认选中美女<input type="checkbox" name="hobby" value="美女"> LOL<input type="checkbox" name="hobby" value="LOL"> 学习<input type="checkbox" name="hobby" value="学习">
复选框可以多选效果图
5. 下拉菜单与文本域
<select name="car“”>
<option value="萨博">萨博</option>
<option value="五菱宏光">五菱宏光</option>
<option value="AE86">AE86</option>
</select>
这是个下拉菜单
<textarea name="评论" cols="30" rows="10">好车 </textarea>
这是文本域
效果图
6. type=hidden隐藏域的作用是对用户隐藏的信息,用户在页面上看不见,但会向后端提供一些信息,比如验证信息,以此来增加安全性。