3-2. form标签

1、form标签

  • <form> 标签用于为用户输入创建 HTML 表单。
  • 表单能够包含 input 元素,比如文本字段、复选框、单选框、提交按钮等等。
  • 表单还可以包含 menustextareafieldsetlegendlabel 元素
  • 表单用于向服务器传输数据。
<body>
<!--
form: 是一个复合标签
格式:
<form>
  相关表单元素/标签/标记
</form>
相关元素/标签/标记:
       input: 输入 (文本域,密码域,单选框,复选框),通过type属性进行制定
       非input元素
属性:
    action: 是为了制定把收集的信息发送到的地址, 如果是网络地址一定要加上协议:(http://)

注意点:
    1. 所有表单元素,必须要写在form标签之内
-->

<form action="">

    <!--
     input 标签
     type: 指定输入类型
     value: 设置默认的值
     不会自动换行
     name: 告诉服务器,收集的哪一个信息,只有表单元素具备name属性的时候,才会把相应的信息发送到服务器
    -->

    <!--1,文本域,单行
     type="text"
     type: 指定输入类型
     value: 设置默认的值
     placeholder: 提供默认的提示信息,没有输入文字的,会出现
    -->

    请输入账户: <input type="text" placeholder="务必输入汉语" name="name">
    <!--
    2.密码域:
    type: password
    -->
    <br>
    请输入密码: <input type="password" value="1235456" name="ps">
    <!--
    3. 单选框
    type: radio:收音机
    如果没有指定值,默认就是on/off,为了服务器辨别,指定value值
    注意:要实现单选的功能,要指定name属性相同的值
    -->
    <br>
    性别: 男<input type="radio" name="sex" value="male"> 女<input type="radio" name="sex" value="fmale">
    <!--
    4. 复选框
    type: checkbox
    要指定相同的name值
    如果没有指定值,默认就是on/off,为了服务器辨别,指定value值
    -->
    <br>
    兴趣爱好:
    篮球<input type="checkbox" name="love" value="basketball">
    排球<input type="checkbox" name="love" value="pai">
    乒乓球<input type="checkbox" name="love" value="ping">
    铅球<input type="checkbox" name="love" value="qian">
    选择文件:<input type="file">
    <input type="submit">
</form>
</body>
图片.png

http://www.w3school.com.cn/tags/tag_form.asp
http://www.w3school.com.cn/html/html_forms.asp

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

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,180评论 1 92
  • 一.什么是< form>表单 格式: 作用:form表单一般用来收集用户的信息,并把信息传送到后台。 注意点:1....
    饥人谷_刘冲阅读 2,933评论 0 1
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,533评论 1 41
  • 学习HTML的最佳网站没有之一http://www.w3school.com.cn/html/ 关于HTML/HT...
    Amyyy_阅读 2,384评论 0 16
  • HTML5 标签comment 注释标签用于在源文档中插入注释。注释内容不会被浏览器显示。为代码编写注释的好处是...
    才気莮孒阅读 4,250评论 1 25

友情链接更多精彩内容