html-表单标签
发布日期:2021-10-10 17:30:36 浏览次数:1 分类:技术文章

本文共 2446 字,大约阅读时间需要 8 分钟。

  表单标签

    * 可以提交数据到**网站上的服务器,这个过程可以使用表单标签实现
    * <form></form>:定义一个表单的范围
    - 属性
      ** action:提交到地址,默认提交到当前页面
      ** method: 表单提交方式
    - 常用的有两种:get和post,默认是get请求
    ** get和post区别
    1、get请求地址栏会携带提交的数据,post不会携带(请求体里面,后面http协议的时候再详解)
    2、get请求安全级别较低,post较高
    3、get请求数据有大小的限制,post没有限制。

    ** enctype:一般请求不需要用到这个属性,做文件上传时候需要设置这个属性。

    ** 输入项:可以输入内容或者选择内容的部分

      - 大部分的输入项 使用 <input type="输入项的类型"/>

        *********** 在输入项里面要有一个name属性,为了用数据库保存数据 **********

      *** 普通输入项: <input type="text"/>

      *** 密码输入项: <input type="password"/>

      *** 单选输入项: <input type="radio"/>

        - 在里面需要属性 name
        - name的属性值必须要相同
        - 必须有一个value值

        **** 实现默认选中的属性

          -- checked="checked"

      *** 复选输入项: <input type="checkbox"/>

        - 在里面需要属性 name
        - name的属性值必须要相同
        - 必须有一个value值

        **** 实现默认选中的属性

          -- checked="checked"

      *** 文件输入项:(上传时候用到)

        <input type="file"/>

      *** 隐藏项:

        <input type="hidden"/>

      *** 下拉输入项(不是在input标签里面)

        <select name="birthday">
          <option value="0">请选择</option>
          <option value="1995">1995</option>
          <option value="1996">1996</option>
          <option value="1997">1997</option>
        </select>
        **** 默认选中
          selected="selected"
      *** 文本域:
        <textarea cols="10" row="5"></textarea>

    *** 提交按钮:

       <input type="sumbit"/>
       <input type="sumbit" value="注册"/>

       当在输入项里面写了name属性之后

         file:///D:/Java/JavaWeb/day01/09-表单标签1.html?phone=15872586170&pwd=wyj0320.cn&sex=male&love=y&love=p&f=&birthday=1997&txt=love&hid=
         ** ?输入项name的值-输入的值&
         ** 参数类似于Map集合里面的key-value

     *** 使用图片提交

       <input type="image" src="图片路径"/>
     *** 重置按钮:回到输入项的初的状态
       <input type="reset"/>

     *** 普通按钮(js里面用到)

       <input type="button" value="普通按钮"/>

  完整代码:

            World            
手机号码:
创建密码:
性别:
爱好:
羽毛球
乒乓球
足球
文件:
生日:
自我描述:
隐藏项:

 

更多专业前端知识,请上
【猿2048】www.mk2048.com

转载地址:https://blog.csdn.net/qq_29069777/article/details/102182645 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:html-html简介
下一篇:css-布局定位

发表评论

最新留言

第一次来,支持一个
[***.219.124.196]2024年03月04日 07时13分04秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

matlab变形监测,基于matlab的变形监测数据处理与分析_毕业设计论文 2019-04-21
opencv matlab编程,在Matlab中调用OpenCV函数 | 学步园 2019-04-21
c语言文件wt,c语言,wt和rt中的t是什么意思 2019-04-21
c语言运行几进制,【C语言】求已知等式在几进制条件下成立 2019-04-21
电梯运行仿真c语言代码,电梯调度算法模拟(示例代码) 2019-04-21
android组件动态接收数据库,Android开发——fragment中数据传递与刷新UI(更改控件)... 2019-04-21
云麦小米华为体脂秤怎么样_云康宝和华为智能体脂秤对比评测,实际体验告诉你哪款更好... 2019-04-21
linux 条件判断 取非_Linux awk 系列文章之 awk 多重条件判断 2019-04-21
c语言中如何将字符串的元素一个一个取出_C语言中常用的字符串操作函数 2019-04-21
2d游戏地图编辑器_王者荣耀:新版本爆料!地图编辑器“天工”即将开测,游戏怎么玩由你定!... 2019-04-21
.net framework服务启动后停止_dos命令net图文教程,start启动系统服务stop停止服务批处理脚本... 2019-04-21
8k分辨率需要多大带宽_超乎想象!用RTX3080显卡连索尼8K电视玩游戏感受如何?... 2019-04-21
win10怎么开启aptx_Win10未来的黑科技?微软SurfaceFleet大曝光 2019-04-21
creo视图管理器使用方法_学以致用之中望3D—浅谈使用中望3D的初步感受 2019-04-21
周育如的音标口诀大全_花鸟画口诀大全,实用! 2019-04-21
心电图计算心率公式_医学常用的计算公式口诀(内外妇儿),赶快收藏! 2019-04-21
select 移动端 第一个无法选中_Python爬虫微博(移动端)评论 2019-04-21
华为云welink成像是反的_华为发布智能办公神器WeLink,可连接会议室开会,还可一键遥控报销和智能翻译... 2019-04-21
唱好铁血丹心谐音正规_趙贤典:打好“感情牌” 唱好“大合唱” 2019-04-21
aix系统vi修改命令_Linux基础知识必备:利用vi编辑器创建和编辑正文文件 2019-04-21