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隐藏域的作用是对用户隐藏的信息,用户在页面上看不见,但会向后端提供一些信息,比如验证信息,以此来增加安全性。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.表单简介 表单对于用户而言是数据的录入和提交的界面,对于网站而言是获取用户信息的途径。它可以将用户输入的信息提...
    Feiyu_有猫病阅读 1,342评论 0 0
  • 1.表单是Web页面上负责用户输入与服务器端数据交互的最基础方式 HTML中表单可以用来搜集用户各种类型的输入信息...
    淡然7698阅读 1,508评论 0 0
  • HTML中表单可以用来搜集用户各种类型的输入信息。表单实际上是包含表单元素的区域,在这个区域中的各种元素的输入信息...
    7号的自检报告阅读 3,276评论 0 0
  • 一、表单 1. 表单的作用 HTML 表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户...
    zx9426阅读 3,273评论 0 1
  • 潜水了几天,家有儿女,这个话题,关注是肯定的。 没有多少建设性观点涌现。 一个明星出轨可以全民沸腾,事关国本的教育...
    太后老三阅读 3,660评论 12 3

友情链接更多精彩内容