首页 > 其他分享 >588_HTML标签_表单标签_概述and589 _HTML标签_表单标签_表单项input1

588_HTML标签_表单标签_概述and589 _HTML标签_表单标签_表单项input1

时间:2022-10-21 16:56:53浏览次数:48  
标签:单选框 标签 指定 表单 HTML 属性

HTML标签_表单标签_概述

表单标签

表单:  

 form:用于定于表单的。可以定一个范围,范围代表采集用户数据的范围
        属性:
            action:指定提交数据的url
            method:指定提交方式
               分类:一共七种,2种比较常用
                get:
                    1.请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后详解)
                    2.请求参数大小是有限制的
                    3.不太安全
                post:
                    1.请求参数不会在地址栏中显示。会封装在请求体中(HTTP协议后详解)
                    2.请求的参数大小没有限制
            表单项中的数据要想被提交:必须指定name属性

 

表单项标签︰

  input :可以通过type属性值,改变元秦展示的样式

    type属性:

      text :文本输及框

        placeholder:指定输入框的提示信息,当输入框的内容发生变化,会自动清空提示信息

      password :密码输入框

      radio:单选框

        注意:

          1.要想让多个单选框实现单选的功能,则多个单选框name属性值必须一样

          2.一般会给每一个单选框提供value属性,指定其被选中后提交的值

      checkbox:复选框

          注意:
                            1. 一般会给每一个单选框提供value属性,指定其被选中后提交的值
                            2. checked属性,可以指定默认值

  label:指定输入项的文字描述信息
                注意:
                    label的for属性一般会和 input 的 id属性值 对应。如果对应了,则点击label区域,

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
    form:用于定于表单的。可以定一个范围,范围代表采集用户数据的范围
        属性:
            action:指定提交数据的url
            method:指定提交方式
               分类:一共七种,2种比较常用
                get:
                    1.请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后详解)
                    2.请求参数大小是有限制的
                    3.不太安全
                post:
                    1.请求参数不会在地址栏中显示。会封装在请求体中(HTTP协议后详解)
                    2.请求的参数大小没有限制
            表单项中的数据要想被提交:必须指定name属性

-->
<!--指定提交数据的网址和提交的方式-->
<form action="#" method="get">
<!--设置用户名密码输入框-->
    <!--文本输入框   提交内容     提交的什么内容    输入框内显示请输入用户名-->
                    <!--用户名是来描述后面input标签里面的内容的-->
    <label for="zxc">用户名</label>:<input type="text" name="username" placeholder="请输入用户名" id="zxc"><br>
    密码:<input type="password" name="password" placeholder="请输入密码"><br>
    <!--选择框      单选项      提交内容   提交的什么内容      默认选择-->
    性别:<input type="radio" name="gender" value="male" checked="checked">男
         <input type="radio" name="gender" value="female" >女<br>
    爱好:<input type="checkbox" name="hobby" value="shopping">逛街
         <input type="checkbox" name="hobby" value="shuijiao">睡觉
         <input type="checkbox" name="hobby" value="geme">打游戏
    <br>
<!--设置登录按钮-->
    <input type="submit" value="登录">
</form>
</body>
</html>

 

 

标签:单选框,标签,指定,表单,HTML,属性
From: https://www.cnblogs.com/agzq/p/16813999.html

相关文章

  • 前端笔记-HTML 块-20221021
    HTML块元素1.HTML块元素大多数HTML元素被定义为块级元素或内联元素。“块级元素”译为blocklevelelement,“内联元素”译为inlineelement。块级元素特点:块级元......
  • 前端笔记-HTML 列表-20221021
    HTML列表1.定义列表自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以<dl>标签开始。每个自定义列表项以<dt>开始。每个自定义列表项的定义以<dd>......
  • HTML标签-列表标签和HTML标签-链接标签
    HTML标签-列表标签案例:旅游网站首页1.确定使用table来完成布局2.如果某一行只有一个单元格,则使用<tr><td></td></tr>3.如果某一行有多个单元格,则使用<tr>......
  • HTML表单标签
    *表单: *概念:用于采集用户输入的数据的。用于和服务器进行交互。 *form:用于定义表单的。可以定义一个范围,范围代表采集用户数据的范围*属性:......
  • HTML 快速入门 标签学习
    语法1,html文档后缀名.html或者.htm2,标签分为1,围堵标签:有开始标签和结束标签。如<html></html>2,自闭和标签:开始标签和结束标签在......
  • 【工具】1245- Formily:阿里高性能表单解决方案
    加强自身学习,提高自身素质。积累工作经验,改进工作方法,向周围同志学习,注重别人优点,学习他们处理问题的方法,查找不足,提高自己。hi,大家好,我是小智,今天又到了我们的分享时......
  • HTML调用摄像头和/或麦克风
    API:getUserMedia函数调用摄像头和麦克风API简介HTML5的getUserMediaAPI为用户提供访问硬件设备媒体(摄像头、视频、音频、地理位置等)的接口,基于该接口,开发者可以在不依赖......
  • HTML
    1,概念:是最基础的网页开发语言*HyperTextMarkupLanguage 超文本标记语言超文本:超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文......
  • k8s基础篇 pod(四)标签
    4.1什么是标签?标签其实就一对key/value,被关联到对象上,比如Pod,标签的使用我们倾向于能够表示对象的特殊特点,就是一眼就看出了这个Pod是干什么的,标签可以用来划分特定的对......
  • HTML标签综合案例分析与实现
    1.确定使用table来完成布局2.如果某一行只有一个单元格,则使用<tr><td></td></tr>3.如果某一行有多个单元格,则使用 <tr> <td> <table></tab......