html表单相关知识

最新推荐文章于 2023-07-14 19:00:42 发布
最新推荐文章于 2023-07-14 19:00:42 发布
阅读量292 收藏 1
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40891390/article/details/78429276
版权

表单初识

     

       <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <!--action你要去往的网址
            method提交内容方法
            get铭文
            post密文  二进制的形式
            默认的提交方式get
        -->
        <form action="#" method="get">
            帐号：<input type="text"
                name="username"/>
            密码：<input type="text"name="password" />
            确认密码：<input type="text"
                name="apassword"/>
                <!--提交按钮-->
            <input type="submit" value="提交"/>
        </form>
    </body>
</html>

表单操作

       <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <form action="#" method="get">
            <!--表单可以提交的内容-->
            <!--文本输入框
                传入服务器的形式
                key-value的形式
                键值对  集合(容器)
                username相当于键值对key
            -->
            <input type="text" name="username"placeholder="占位符"/>
            <!--密码输入框-->
            <input type="password"name="" />
            <br />
            <!--文件输入框    name一般填写文件的名字-->
            <input type="file"name="" />
            <br />
            <!--数字的输入框
                step每次增加或减少的值
            -->
            <input type="number" max="30"min="-3"step="3"/>
            <!--大文本输入框-->
            <textarea></textarea>
            <!--单选框-->
            男<input type="radio" name="gender" value="nan"/>
            女<input type="radio" name="gender" value="nv" />
            <br />
            <!--复选框-->
            你喜欢的类型<br />
            男<input type="checkbox"name="sex"
                value="nan" /><br />
            女<input type="checkbox"name="sex"
                value="nv" /><br />
                <!--选择器-->
            <select name="">
                <option value="ch">中国</option>
                <option value="f">法国</option>
                <option value="amei">美国</option>
            </select>
            <!--隐藏提交
                你信息 设备信息  
            -->
            <input type="hidden"name="hidden"value="" />
            <!--按钮
                onclick点击按钮触发事件
            -->
            <input type="button"οnclick="alert('你点到我了')"
                value="请点我"/>
                <button οnclick="alert('你又点我了')">点我</button>
            <!--提交按钮-->
            <input type="submit"value="提交" />
            
        </form>
    </body>
</html>

经纬度查询

       <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <form action="http://api.map.baidu.com/place/v2/search" method="get">
            搜索名称:<input type="text" name="query"/><br />
            区域:<input type="text"name="region" /><br />
            返回数据类型:<select name="output">
                <option value="json">json</option>
                <option value="xml">xml</option>
            </select>
            <!--隐藏提交用户的id
                6E823f587c95f0148c19993539b99295
                UUID全球唯一标识符
            -->
            <input type="hidden"name="ak"
                value="6E823f587c95f0148c19993539b99295" />
            <br />
            <input type="submit" value="搜索"/>
        </form>
    </body>
</html>

相关成果展示

                                        

       <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <table>
            <tr>
                <td>昵称</td>
                <td>
                    <input type="text"name="username" />
                </td>
            </tr>
            <tr>
                <td>密码</td>
                <td>
                    <input type="text"name="password" />
                </td>
            </tr>
            <tr>
                <td>确认密码</td>
                <td>
                    <input type="text"name="apassword" />
                </td>
            </tr>
            <tr>
                <td>性别</td>
                <td>
                    <input type="radio"name="gender" value="nan"/>男
                    <input type="radio"name="gender"value="nv"/>女
                </td>
            </tr>
            <tr>
                <td>生日</td>
                <td>
                    <input type="number"max="2017"min="1990"/>
                    <input type="number"max="12"min="1"/>
                    <input type="number"max="31"min="1"/>
                </td>
            </tr>
            <tr>
                <td>所在地</td>
                <td>
                    <select name="">
                        <option value="china">中国</option>
                        <option value="america">美国</option>
                        <option value="japan">日本</option>
                    </select>
                    <select name="">
                        <option value="hubei">湖北</option>
                        <option value="guangdong">广东</option>
                    </select>
                    <select name="">
                        <option value="wuhan">武汉</option>
                        <option value="suizhou">随州</option>
                    </select>
                    
                </td>
            </tr>
            <tr>
                <td>
                    <input type="checkbox" name="sex" value=""/>同时开通QQ空间<br />
                    <input type="checkbox" name="sex" value="" />不接受同时开通QQ空间
                </td>
            </tr>
        </table>
        
    </body>
</html>

叶萧竹
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML_表格和表单 ——恋天小结
xiao_yi_8421的博客
08-13 381
1. 表格标签(重点) 表格是较为常用的一种标签，但不是用来布局，常用来处理、显示表格式数据。 创建表格 在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下： <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> 在上面的语法中包含三对HTML标签，分别为 table、tr、td，他们是创建表格的基本标签，缺一不可，下面对
HTML表单有关输入知识点
weixin_53060283的博客
03-22 313
表单是一个包含表单元素的区域。 表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签 <form> 来设置 <form>.input 元素.</form> 多数用到的表单标签是输入标签<input>，输入类型再由属性定义 注意:表单本身并不可见。同时，在大多数浏览器中，文本域的默认宽度是 20 个字符 在密码类型...
HTML——表单详解
热门推荐
wshwsh_的博客
07-14 1万+
HTML——表单的详细解析
HTML——表单知识点总结
TKY666的博客
02-25 2150
表单标签：这里面包含了处理表单数据所用程序的URL以及数据提交到服务器的方法。表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮：包括提交按钮、复位按钮和一般按钮。
html表单最全详解，初学必看
weixin_44992737的博客
06-07 4587
html表单标签，input元素，type详解
表单有关知识点html,HTML中重要的知识点，表单
weixin_30046591的博客
06-22 158
今天跟大家分享一下有关HTML中比较重要的一个知识点—表单：表单这是一个双标签，form表单有两个必须要有的属性，①action就是指表单传递到的页面　　②method就是指表单传递的方式method属性有两个属性指：①get是有内容的局限性和不安全性，并且传递信息会显示在地址栏　　②post是内容没有局限性，相当于是get的高级版，但这个传递信息是服务器传递，安全性高。form表单中的input...
HTML表格，表单知识点
chxlloli的博客
11-14 1054
1.表格标签 表格是较为常用的一种标签，但不是用来布局，常用来处理、显示表格式数据。 1，创建表格 在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下： <table> <tr> <td>单元格内的文字</td> ... </tr>...</table> 1.table用于定义一个表格。 2.tr 用于定义表格中的一行，必须嵌套在 table标签中，在 tab...
HTML 表单基础知识 PDF
07-19
表单概述，表单组成，html表单基础知识，相信能给你有些帮助。
HTML表单基础知识.pdf
07-14
HTML表单基础知识 HTML表单是网页上的一种基本组件，用于收集用户输入信息，例如文本框、单选按钮、复选框等。创建一个符合Web标准的HTML表单并不难，但需要了解HTML表单的基本结构和语义化的命名方式。 一、基本...
HTML 表单基础知识.pdf
11-23
HTML 表单基础知识 HTML 表单是网页上用于输入信息的区域，例如向文本框中输入文字或数字，在方框中打勾，使用单选按钮选中一个选项，或从一个列表中选择一个选项等。创建表单并不难，但要创建出符合 Web 标准的...
HTML制作表单ppt课件.ppt
11-15
在本节中，我们将详细介绍 HTML 表单的概念、作用、工作机制、定义方式、表单控件标记、提交方式等方面的知识点。 1.1 表单初印象 表单是 Web 网页上用户界面元素的集合体，用户界面元素是网页上一些能让用户实施...
HTML表单和框架PPT课件.ppt
11-24
本资源为HTML表单和框架PPT课件，主要讲解HTML表单和框架的概念、结构、元素、应用等方面的知识。 HTML表单是Web开发中非常重要的组成部分，它允许用户输入数据并将其发送到服务器端进行处理。HTML表单可以用于各种...
java基础第三讲详解
YX_Rows的博客
11-02 255
一:before和after     透明度 1.1before和after before是在一段文字之前插入一段文字  且进行相关设置 after是在一段文字之后插入一段文字  且进行相关设置 写法: .div:before{content:"文字";(属性设置)} .div:after{content:"文字";(属性设置)} 1.2透明度 属性:opacity:透明值(0--
【HTML基础-2】HTML表单详解
m0_64378913的博客
03-25 2076
目录1 form表单概述2 表单属性2.1 Action 属性2.2 Method 属性2.3 enctype 属性2.4 Target 属性2.5 name 属性2.6 Autocomplete 属性2.7 Novalidate 属性3 表单控件（表单元素）3.1 input元素3.2 select元素和option元素3.3 textarea元素3.4 button元素3.5 optgroup元素3.6 fieldset元素与legend元素3.7 datalist元素3.8
【HTML笔记】HTML表单知识总结
吾昂王
05-25 277
表单： 作用： 用来收集用户信息；也叫 表单框（表单域form） <form method=""></form> action: 传给后端的地址 method: 传给后端的方法 GET： 从后端获取数据，数据量比较小，安全性比较低，速度较快 POST： 向后端发送数据，数据量大，安全性高，速度较慢 name: 表单的标识 表单控件: 在表单里面，绝大部分的表...
HTML表单知识点总结
weixin_34364135的博客
05-04 435
一、使用表单标签 网站使用 HTML 表单可与用户进行交互，表单元素是允许用户在表单中输入内容，比如：文本框、文本域、单选框、复选框、下拉列表、按钮等等，表单可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。 表单使用表单标签<form>来定义： 二、文本框 当用户要在表单中键入字母、数字等内容时，就会用到文本输入框，文本框也可以转化为密码输入框。输入...
HTML 表单和表格
weixin_30823001的博客
02-11 314
1、使用表单标签 　　网站使用 HTML 表单可与用户进行交互，表单元素是允许用户在表单中输入内容，比如：文本框、文本域、单选框、复选框、下拉列表、按钮等等，表单可以把浏览者输入的数据传送到服务器端，这样服务器端程序就可以处理表单传过来的数据。表单使用表单标签 <form> 来定义： <form method="传送方式" action="表单提交地址" name="表单...
HTML之表单知识点总结
Darlingmi的博客
04-14 351
*前端第二课之表单~~ 一：作用 标签用于为用户输入创建 HTML 表单，用于收集用户信息，实现用户和网页之间的对话 ![表单属性表](https://img-blog.csdnimg.cn/20210413213221556.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0RhcmxpbmdtaQ==,size_16,color_FFFFFF,t
097N04L-VB一款N-Channel沟道DFN8(3X3)的MOSFET晶体管参数介绍与应用说明
最新发布
07-15
097N04L-VB；Package：DFN8(3X3)；Configuration：Single-N-Channel；VDS：40V；VGS：20（±V）；Vth：2.5V；RDS(ON)=6mΩ@VGS=4.5V；RDS(ON)=4.5mΩ@VGS=10V；ID：40A；Technology：Trench；

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值