<!-- form 标签

　　　　作用：收集并提交用户的信息

　　　　属性：

　　　　　　　id 　　  表单的id，用于js获取表单

　　　　　　　name　表单的名字，用于js获取表单

　　　　　　　action　表单提交的地址

　　　　　　　method 表单提交的方式，常用值为get和post

　　　　　　　　　　get（默认）

　　　　　　　　　　post

　　　　　　　enctype 表单中数据的编码方式

　　　　　　　　　　application/x-www-form-urlencoded(默认)

　　　　　　　　　　multipart/form-data

　　　　　　　　　　text/plain

　　　　　form标签的子标签（表单域）

　　　　　　　　注意：1.对于所有的子标签来讲，只有添加name属性，才可以提交！

　　　　　　　　　　　2.一般来讲，value属性就是提交的值

　　　　　　　　　　　3.对于radio和checkbox而言，如果没有设定value属性，则提交时值为on

　　　　　　　　　　　4.对于select而言，select提交的值就是option标签的value属性值，如果option标签没有设定value属性值时，默认提交option标签中间的文本值

　　　　　　　　　　　5.对于textarea而言，textarea提交的值不是value属性，而是标签中间的文本数据

　　　　　　　　　　　6.对于三个按钮来讲，input和button从本质来讲并无区别，而且一般情况不用设置name属性（即不用提交）

　　　　　　　　input 属性

　　　　　　　　　　type="text"　　　　文本框

　　　　　　　　　　type="password"　 密码框

　　　　　　　　　　type="hidden"　　  隐藏框

　　　　　　　　　　type="file"　　　　 文件框

　　　　　　　　　　type="radio"　　　  单选按钮

　　　　　　　　　　　　name属性相同即为一组

　　　　　　　　　　type="checkbox"　  复选框

　　　　　　　　　　　　name属性相同即为一组

　　　　　　　　　　对于input type="radio"和input type="checkbox"来讲，添加check="check"属性表示默认选中该选项

　　　　　　　　　　type="submit"　　  提交按钮，提交表单

　　　　　　　　　　type="reset"　　    重置按钮，重置表单

　　　　　　　　　　type="button"　　  普通按钮，用于被js调用

　　　　　　　　　　对于input type="submit"、input type="reset"和input type="button"来讲，value属性表示按钮上的文字

　　　　　　select   下拉列表框

　　　　　　　　给select添加multiple="multiple"的属性后，就变成多选

　　　　　　　　需要和option标签一起使用

　　　　　　textarea  多行文本域

　　　　　　button　 按钮

-->

<!DOCTYPE html>

<html>

<head lang="en">

    <meta charset="UTF-8">

    <title></title>

</head>

<body>

<form action="http://www.baidu.com" method="get" enctype="application/x-www-form-urlencoded">

    用户名：<input type="text"  name="username" placeholder="请填写用户名"/><br/>

    密码：<input type="password" name="pwd"/><br/>

    <input type="hidden"e="hiddenfile"/><br/>

    <input type="file" name="file"/><br/>

    性别：<label for="women">女</label><input id="women" type="radio" name="gender" value="女"/>

    <label for="man">男</label><input id="man" type="radio" name="gender" value="男"><br/>

    篮球 <input type="checkbox" name="sports" value="篮球"/>

    足球<input type="checkbox" name="sports" value="足球"/> <br/>

    <select name="city">

        <option value="广州">广州</option>

        <option value="深圳">深圳</option>

        <option value="佛山">佛山</option>

    </select>

    <textarea name="inc"  cols="" rows="">滴滴……</textarea>

    <input type="button"/><input type="submit"/><input type="reset"/>

    <button type="submit">提交</button>

    <button type="reset">重置</button>

    <button type="button">普通</button>

</form>

</body>

</html>

html--form表单的更多相关文章

  1. form表单验证-Javascript

    Form表单验证: js基础考试内容,form表单验证,正则表达式,blur事件,自动获取数组,以及css布局样式,动态清除等.完整代码如下: <!DOCTYPE html PUBLIC &qu ...

  2. Form 表单提交参数

    今天因为要额外提交参数数组性的参数给form传到后台而苦恼了半天,结果发现,只需要在form表单对应的字段html空间中定义name = 后台参数名 的属性就ok了. 后台本来是只有模型参数的,但是后 ...

  3. form表单 ----在路上（15）

    form 表单就是将用户的信息提交到服务器,服务器会将信息存储活着根据信息查询数据进行增删改查,再将其返回给用户. 基本格式: <form action="" method ...

  4. form表单的字符串进行utf-8编码

    <form>表单有assept-charset属性.该属性规定字符的编码方式,默认是"unknown",与文档的字符集相同. 该属性除了Internet explore ...

  5. 细说 Form (表单)

    细说 Form (表单) Form(表单)对于每个WEB开发人员来说,应该是再熟悉不过的东西了,可它却是页面与WEB服务器交互过程中最重要的信息来源. 虽然Asp.net WebForms框架为了帮助 ...

  6. 通过form表单的形式下载文件。

    在项目中遇到问题,要求动态拼接uri下载文件.但是由于项目的安全拦截导致window.location.href 和 window.open等新建窗口的方法都不行. 无意间百度到了通过form表单来下 ...

  7. form 表单跨域提交

    <!DOCTYPE html><html> <head> <title>form 表单上传文件</title> <script src ...

  8. form表单的属性标签

    form表单的常用标签 表单: <form id="" name="" method="post/get" action=" ...

  9. form表单的属性标签和练习

    form表单的标签 做一个如下图的form表单: 我们的代码如下: <body leftmargin="400px" topmargin="200px"& ...

  10. Django基础，Day5 - form表单投票详解

    投票URL polls/urls.py: # ex: /polls/5/vote/ url(r'^(?P<question_id>[0-9]+)/vote/$', views.vote, ...

随机推荐

  1. Servlet中的编码问题

    对于response.setContentType()和response.setCharacterEncoding()的理解: 经过一些实践,对着两个方法有了一些自己的理解,有可能今后的学习中会发现自 ...

  2. 渗透测试学习 二、Windows基础

    系统目录  服务  端口  注册表  黑客常用DOS命令(在拿到shell时会用到) 一.  系统目录 Windows目录  系统的安装目录 System32àconfigàSAM文件  是用户密码的 ...

  3. meven仓库设置局域网私服

    找到设置文件 在设置文件中配置私服地址

  4. servlet_4

    过滤器入门 过滤器的概念及执行基本流程 过滤器的使用场景 过滤器的实现及基本配置 过滤器链 过滤器链的配置 使用注解的方式无法保证过滤器链的执行顺序,所以只能使用web.xml的配置 按照出现在web ...

  5. Django学习笔记之视图高级-类视图

    类视图 在写视图的时候,Django除了使用函数作为视图,也可以使用类作为视图.使用类视图可以使用类的一些特性,比如继承等. View django.views.generic.base.View是主 ...

  6. 两台Linux服务器之间复制文件

    一.scp 1.简介 scp是secure copy的简写,用于在Linux下进行远程拷贝文件的命令,和它类似的命令有cp,不过cp只是在本机进行拷贝不能跨服务器,而且scp传输是加密的 2.软件安装 ...

  7. [转]Centos 7 安装部署 GitLab 服务器

    Centos 7 安装部署 GitLab 服务器 转自:https://www.jianshu.com/p/79bfded68899 文前说明 作为码农中的一员,需要不断的学习,我工作之余将一些分析总 ...

  8. php5.5.7添加pgsql,pdo_pgsql,swoole

    一:下载php源码sudo wget cn2.php.net/distributions/php-X.X.X.tar.gz 二:解压 tar xzf /php-X.X.X.tar.gz 三:进入源码e ...

  9. spark安装

    Spark下载 在spark主页的download下,选择自己想要安装的spark版本, 注意跟本地hadoop的兼容性.我这里选择了2.4.0. https://www.apache.org/dyn ...

  10. MySQL索引介绍+索引的存储类型+索引的优点和缺点+索引的分类+删除索引

    什么是索引? 索引用于快速找出某个列中有一特定值的行,不使用索引,mysql必须从第1条记录开始读完整的表,直到找出相关的行.表越大,查询数据所花费的实际越多.如果表中查询的列有一个索引,mysql能 ...