html笔记03：表单
1.表单是用来收集用户填写的信息，可以说表单就是一个容器，里面的元素的类型可以不一样，所表示的功能也不同。
表单基本语法：
<html>
<head>
<title>表单的基本语法</title>
</head> <body> 8 <form>
9 </form>
</body>
</html>
2.表单的两属性
action:表示表单提交后发送的URL地址，发送方式用method表示：可选参数有get/post，get传输量比较少，post传输量比较大
<html>
<head>
<title>表单的基本语法</title>
</head> <body> 8 <form action= "show.aspx" method = "get">
9 <input type="text" >
10 <br>
11 <input type="password">
12 <br>
13 <input type="button" value="提交">
14 </form>
</body>
</html>
补充：<input>的语法中，完整语法为：
<input type="#">
这里#代码表示类型,可选项是：text，image，password，checkbox(复选框)，radio(单选框)，hidden（隐藏--密码），submit（提交），reset（重置）
3.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>登录界面</title> </head> <body>
<h1>登录界面</h1>
<form action="" method="get">
用户名:<input type="text" name="username"/><br>
密 码:<input type="password" name="pwd"/><br>
<input type="submit" value="登录"/><input type="reset"/>
</form>
</body>
</html>
4.
名字：<input type = "text" value = "请输入名字" name = "username"/> <br/>
密码：<input type = "password" name = "pwd"/> <br/>
***喜欢的水果***<br/>
<!-- name = "v1"这里name我们都是取v1，这是为了：将来链接服务器时候，提交的时 候比较方便-->
<input type = "checkbox" name = "v1"/> 西瓜 <br/>
<input type = "checkbox" name = "v1"/> 苹果 <br/>
<!-- name = "sex" 这里单选的表单之中，我们取名必须一样，不然会出现问题-->
***选择性别***<br/>
<input type = "radio" name = "sex"/> 男 <br/>
<input type = "radio" name = "sex"/> 女 <br/>
****隐藏(它的用途主要是：既可提交数据，同时不影响界面)<br/>
<input type = "hidden" value = "123" name = "salary"/> ****下拉选择框*****<br/>
请选择你的出生地：
<!-- 将来提交给网络远端数据库的时候，实际上提交的是像这里的name = "biradd"类 似的标号-->
<!-- 像刚刚开始option选项中没有属性value= **，这样的select控件携带的数据是不能 提交给远端服务器的，必须添加value-->
<select name = "biradd" >
<!--实际开发的时候我们还是经验上加：调节下拉框宽度-->
<option value = "">---请选择---</option> <option value = "beijing">北京</option>
<option value = "shanghai">上海</option>
<option value = "chongqing">重庆</option>
<select/><br/> ****请留言*****<br/>
<textarea cols = '30' rows = '10' >请这里输入…… </textarea><br/> ****请选择你要上传的文件*****<br/>
<input type = "file" name = "myfile"/>请选择文件
输出结果如下：
html笔记03：表单的更多相关文章
- And Design：拓荒笔记——Form表单
And Design:拓荒笔记——Form表单 Form.create(options) Form.create()可以对包含Form表单的组件进行改造升级,会返回一个新的react组件. 经 For ...
- AngularJS 1.2.x 学习笔记（表单校验篇）
https://my.oschina.net/cokolin/blog/526911 摘要: 本文首发于 blog.csdn.net/vipshop_ebs/article/details/39472 ...
- Bootstrap学习笔记(二) 表单
在Bootstrap学习笔记(一) 排版的基础上继续学习Bootstrap的表单,编辑器及head内代码不变. 3-1 基础表单 单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文 ...
- angular2 学习笔记 ( Form 表单 )
refer : https://angular.cn/docs/ts/latest/guide/forms.html https://angular.cn/docs/ts/latest/cookboo ...
- vue学习笔记(六)表单输入绑定
前言 在上一章vue学习笔记(四)事件处理器这一篇博客的内容中,我们已经了解vue是如何绑定事件的,而本篇博客主要讲解的是vue中表单输入的绑定,通常我们自己提交信息的时候都是通过表单将信息到服务器的 ...
- iOS开发笔记11:表单键盘遮挡、浮点数价格格式化显示、省市区选择器、View Debugging
1.表单键盘遮挡 应用场景为一个collectionView上有多个textfield.textView供用户填写信息. 之前输入项较少时,采取的方法比较粗暴,didSelectItemAtIndex ...
- HTML5自学笔记[ 3 ]表单验证反馈
表单控件对象的validity对象可以设置或返回相关的验证信息(在invalid事件处理中获取validity对象): 属性valid:为true所有验证通过,为False至少有一种验证失败. 属性v ...
- Symfony2学习笔记之表单
对于一个Web开发者来说,处理HTML表单是一个最为普通又具挑战的任务.Symfony2集成了一个Form组件,让处理表单变的容易起来.在这一节里,我们将从基础开始创建一个复杂的表单,学习表单类库中最 ...
- Html笔记(七)表单
表单标签: <form> 表单标签是最常用的标签,用于与服务器端的交互. <input>:输入标签:接受用户输入信息 其中type属性指定输入标签的类型 文本框 text:输入 ...
- [学习笔记]--Jfinal 表单提交附件
近期.项目里面用到了Jfinal 里面的上传附件. Jfinal 的Controller 里面提供了一个 getFile系列方法提供文件上传. 我这里呢,是文件上传和表单參数一起提交. 页面类似下图: ...
随机推荐
- MFC特定函数的应用20160720（SystemParametersInfo，GetWindowRect，WriteProfileString，GetSystemMetrics）
1.SystemParametersInfo函数可以获取和设置数量众多的windows系统参数 MFC中可以用 SystemParametersInfo(……) 函数来获取和设置系统信息,如下面例子所 ...
- 依赖包bcrypt安装Issues
说明:本文在个人博客地址为edwardesire.com,欢迎前来品尝. 在决策树项目中,使用到了bcrypt依赖包来加密文件.在wini8(win7)部署安装这个依赖的时候容易出现出现了问题. 解决 ...
- redis的sets类型
set是集合 , 它是string类型的无序集合 . set是通过hash table 实现的 , 添加.删除和查找的复杂度都是O(1) . 对集合我们可以取并集.交集.差集.通过这些操作我们可以实现 ...
- Varnish – 高性能http加速器
Varnish是一款高性能且开源的反向代理服务器和http加速器.与传统的Squid相比,Varnish具有性能更高.速度更快.管理更方便 等诸多优点.作者Poul-Henning Kamp是Free ...
- 现代程序设计 homework-09
现代程序设计 homework-09 这次作业是要求将homework-02做成一个可演示的应用,目的是为了让用户看到程序的计算步骤以及中间结果. 借此机会也学了一下JavaScript,感觉总结的地 ...
- jxse2.6连接外网rdv一直连接不上，而相同的代码用jxse2.7却能连上
一直以为2.6中的bug会少一些,所以用2.6做开发:之前测试一直是在同一台 机器上,所以没啥问题:最近在外网设置了一个rdv,却一直连不上,困扰了n久,尝试各种方式都不起作用.最后想起以前开发的代码 ...
- CSS选择器的特殊性
在我们为元素添加样式的时候,或多或少会出现一个元素会有几个不同规则的样式.有#id的,有.class,直接标签元素的,还有各种组合起来的选择器.那CSS到底如何解决这些冲突呢,我们这次专门来探讨一下. ...
- AutoCAD.NET二次开发：创建自定义菜单的两种方法比较
目前我已经掌握的创建CAD菜单方法有两种: COM方式: http://www.cnblogs.com/bomb12138/p/3607929.html CUI方式: http://www.cnblo ...
- Educational Codeforces Round 3 E. Minimum spanning tree for each edge (最小生成树+树链剖分)
题目链接:http://codeforces.com/contest/609/problem/E 给你n个点,m条边. 问枚举每条边,问你加这条边的前提下组成生成树的权值最小的树的权值和是多少. 先求 ...
- Mysql知识要点总结
1.安装 要点:记得更改字符集 2.数据类型 常用数据类型:INT VARCHAR BLOG 3.操作数据库 SHOW DATABASES; CREATE DATABASE 名称; DROP DATA ...