HTML表单的用法

HTML表单的用法

1. <form></form>用法
   <form></form>标签会将标签其中的信息提交到服务器上，有get和post两种方式。

2. 文本框
   <input type="text" name="文本">表示文本框
   <input type="text" name="文本" value="123">表示文本框的初始值为123
   <input type="text" name="文本" placeholder="请输入">文本框里有提示词
   <input type="password" name="password">输入后显示.号
   效果图
   

   2.png

3. 按钮
   <input type="button" value="按钮">一个普通按钮上面有“按钮”两字
   <input type="submit" value="登录">一个登录按钮
   <input type="reset" value="重置">可以重置信息的按钮
   效果图

3.png 4. 单选框与多选框
<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="学习">复选框可以多选
效果图 4.png

5. 下拉菜单与文本域

 <select name="car“”>
   <option value="萨博">萨博</option>
   <option value="五菱宏光">五菱宏光</option>
   <option value="AE86">AE86</option>
 </select>

这是个下拉菜单
<textarea name="评论" cols="30" rows="10">好车 </textarea>这是文本域
效果图

5.png

6. type=hidden隐藏域的作用是对用户隐藏的信息，用户在页面上看不见，但会向后端提供一些信息，比如验证信息，以此来增加安全性。