<html>
 <head>
  <title>form标签学习</title>
  <meta charset="utf-8"/>
 </head>
 <body>
  <!--
   form表单标签学习：
    作用：收集并提交用户数据给指定的服务器
    属性：
     action：收集的数据提交地址也就是URL
     method：收集的数据的提交方式
      get：适合小量数据，表单数据以?隔开拼接在URL后面，不同的键值对使用&符号隔开，不安全。
      post：适合大量数据，安全，隐式提交。
     注意1：form标签会收集其标签内部的数据。
     注意2：
      表单数据提交，要提交的表单项必须拥有name属性值，否则不会提交。
      并且提交的表单项数据为键值对，键为name属性的值，值为用户书写的数据
     注意3：form表单的数据提交需要依赖于submit提交按钮。
   form表单域标签：
    作用：给用户提供进行书写或者选择的标签。
    使用：
     文本框：
      input
       type：
        text：收集少量的文本数据，用户可见 。
        password：收集用户密码数据
       name：数据提交的键，也会被js使用
       value：默认值
     单选框：
      input
       type：
        radio
       name:name属性值相同的单选框只能选择一项数据
       value：是要提交的数据
       checked：checked使用此属性的单选默认是选择状态
    
   form表单标签的使用：
    在点击数据提交时，form标签会将其内部所有form表单域标签中用户书写的数据
    按照method指明的提交方式提交给action属性所指明的提交地址。
   
  -->
  <h3>form标签学习</h3>
  <hr />
  <form action="#" method="get">
   用户名：<input type="text" name="uname" value="王五"/><br />
   密码：<input type="password" name="upwd"/><br />
   性别：男<input type="radio" name="sex" value="1" checked="checked"/> 女<input type="radio" name="sex" value="0"/><br />
   <input type="submit" value="登录"/>
   
   
  </form>
  
 </body>
</html>

09-HTML-form标签的更多相关文章

  1. s:form标签

    2017-01-07 17:43:18 基本的用法 <!-- Action类必须有一个无参的构造器,因为在执行action方法之前,拦截器已经创建了一个"空"的Action对 ...

  2. 修改 jquery.validate.js 支持非form标签

    尝试使用markdown来写一篇blog,啦啦啦 源代码传送门:github 在特殊情况下我们使用jquery.validate.js对用户输入的内容做验证的时候,表单并不是一定包含在form之中,有 ...

  3. springmvc的form标签

    1.要使用Spring MVC提供的表单标签,首先需要在视图页面添加: <%@ taglib prefix="form" uri="http://www.sprin ...

  4. 上传图片HTML <form> 标签的 method 属性

    <!DOCTYPE HTML><html><body> <form action="/example/html5/demo_form.asp&quo ...

  5. 关于form标签，你该知道

    有没有发现,自己在写模板的时候很少使用form元素,一来form和table总是那么傻傻分不清楚:二来form的特性理解不清楚,有了input.label来了直接就上,根本不用form(不知道有没有人 ...

  6. 解决HtmlAgilityPack无法获取form标签子节点的问题

    问题描述 今天使用HtmlAgilityPack提取Form表单下的input节点,发现提取的form节点没有子节点,InnerHtml也是为空,起初以为是标签不全导致,后来分析html代码发现不可能 ...

  7. SPRING IN ACTION 第4版笔记-第六章RENDERING WEB VIEWS-002- Spring的JSP标签之form标签(<sf:input><sf:errors><sf:form>)

    一. Spring offers two JSP tag libraries to help define the view of your Spring MVC web views. One tag ...

  8. HTML <form> 标签的 enctype 属性

    HTML <form> 标签 定义和用法 enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码. 默认地,表单数据会编码为 "application/x-www- ...

  9. Form标签+Css基础

      一.Form表单标签 <form action="" method=""></form>    表单就是用来将用户的信息提交到服务器 ...

  10. HTML <form> 标签的 method 属性（20161028）

    HTML <form> 标签的 method 属性 HTML <form> 标签 实例 在下面的例子中,表单数据将通过 method 属性附加到 URL 上: <form ...

随机推荐

  1. Android UID 机制

    UID一般理解为User Identifier,在linux中就是用户的ID,表明是哪个用户运行了这个程序.它们主要用于权限的管理. 而在Android 中又有所不同,因为Android为单用户系统, ...

  2. Python爬虫3-parse编码与利用parse模拟post请求

    GitHub代码练习地址:①利用parse模拟post请求:https://github.com/Neo-ML/PythonPractice/blob/master/SpiderPrac04_pars ...

  3. 第75节：Java的中的JSP，EL和JSTL

    第75节:Java中的JSP,EL和JSTL 哭吧看不完的!!! Cookie和`Session 请求转发和重定向的区别: 地址不一样 请求次数也不一样 数据无法传递 4.跳转范围有限制 效率 请求转 ...

  4. 远程桌面连接：出现身份验证错误，要求的函数不受支持，可能是由于CredSSP加密Oracle修正的解决方法

    在做app时需要连接服务器来进行数据交互,但是在阿里云页面里连接服务器太不好用,所以使用windows自带的远程连接来进行. 一.但是连接的过程中出现了以下问题: 二.最初是有点迷茫的,不知道从哪里下 ...

  5. KNN算法基本实例

    KNN算法是机器学习领域中一个最基本的经典算法.它属于无监督学习领域的算法并且在模式识别,数据挖掘和特征提取领域有着广泛的应用. 给定一些预处理数据,通过一个属性把这些分类坐标分成不同的组.这就是KN ...

  6. 封装手风琴！使用jQuery！

    //封装手风琴 /** * * * */ $.fn.accordion = function (colors, width) { var width=width||0; var colors= col ...

  7. 浅谈React16框架 - Fiber

    前言 React实现可以粗划为两部分:reconciliation(diff阶段)和 commit(操作DOM阶段).在 v16 之前,reconciliation 简单说就是一个自顶向下递归算法,产 ...

  8. @vue/cli 构建得项目eslint配置2

    使用ESLint+Prettier来统一前端代码风格 加分号还是不加分号?tab还是空格?你还在为代码风格与同事争论得面红耳赤吗? 正文之前,先看个段子放松一下: 去死吧!你这个异教徒! 想起自己刚入 ...

  9. react native项目启动需要做的操作

    一.启动: 1.查看端口(默认8081是否被占用) netstat -ano   可以查看所有的进程 2.netstat -ano | findstr "8081"  查看某个端口 ...

  10. C++版 - 剑指offer 面试题31：连续子数组的最大和 题解

    剑指offer:连续子数组的最大和 提交网址: http://www.nowcoder.com/practice/459bd355da1549fa8a49e350bf3df484?tpId=13&am ...