html之input标签和form标签

input标签

input标签是自己闭合的

<input />

input系列有checkbox、redio、password、button、file等

1、type=‘text‘ 和type=‘password‘

<input type=‘text‘ />

type=‘text‘ 和type=‘password‘

用户名:<input type="text"/>
<br/><br/>
密  码:<input type="password"/>

限制输入长度:type=‘text‘ maxlength="3"

2、复选框: type=‘checkbox‘

兴趣爱好:
篮球: <input type="checkbox"/>
足球: <input type="checkbox"/>
排球: <input type="checkbox"/>

3、单选按钮 type=‘radio‘

性别:
男: <input type="radio" name="gender"/> 女:<input type="radio" name="gender"/>

4、提交按钮:type=‘button‘

button-普通按钮,submit-提交按钮;submit按钮一般出现在网页上需要提交信息到服务器是才使用,而button按钮是创建一个按钮,对于实现按钮将会发生什么事这个不一定,靠页面编辑人员决定,例如在同一天网页表单上,用户输入时可能输入错误或是偏差,则可以在网页上创建一个button-清除(重置)按钮,一张表单可以有多个普通按钮,且至少有一个提交按钮(需提交表单网页

<input type="button" value="提交"/>

5、submit 按钮:type=‘submit‘

6、上传文件:type=‘file‘

<input type="file" />

7、多行的输出框:

<textarea>这里可以输入多行信息</textarea>

form标签:

<form action="" method="get"> </form>

<form action="" method="post"> </form>

Method的值为get时,是通过URL传内容与参数,这个时候我们通过网址URL能看见自己填写内容提交处理

Method的值为post时,是通过类似缓存传填写内容与参数,而URL是不能看到form表单填写内容提交内容。

对于html 表单form标签,有了form表单及提交方式(get post)(了解 get post区别),才能将数据进行传输给程序处理,否则程序不能接收到将要处理的数据。

button和submit的区别:

表单中button不会提交表单中的数据(除非做了定制,例如用JS定制),submit一定会提交数据。

姓名:<input type="text" maxlength="10"/>
密码:<input type="password" />
<br/><br/>
<input type="submit" onclick="alert(123)" value="提交" />

既然submit能提交数据,为什么还要有button呢?

submit对应from的方法为post,他是将数据提交到后台,而button对应的方法为get,比如在页面加一个button,value设置为刷新,那么button的意义是刷新页面,而没有向后台提交任何数据。

时间: 2024-12-26 17:10:53

html之input标签和form标签的相关文章

html常用标签(form标签)

一.form标签 form标签是html标签中非常重要的一个标签.常用于注册.登录页面的使用. <form action="提交地址" method="提交方式"> </form> 注:method的值有两个.get(默认值)和post.get数据安全性没有post高.post的速度没有get快. form常用的元素: 1.文本框 <input type="text"/> 2.密码框 <input typ

2015-09-17 第二节课 滚动标签、form标签和CSS样式

一.滚动字幕标签的用法:<marquee></marquee> [举例如下]: <marquee direction="left">想左边跑动!</marquee> <marquee heiht="200" direction="up" hspace="200">向上滚动!</marquee> <marquee scrollamount="

Html(3)——表格标签与form标签

1.表格标签,th:此列最上面一个,居中显示,td:居左显示 2.表单:form标签,

HTML常用标签之&lt;form&gt;标签

---恢复内容开始--- <form>标签 概述 在HTML中,<form></form>标记对用来创建一个表单,即定义表单的开始和结束位置,在标记对之间的一切都属于表单的内容.每个表单元素开始于form元素,可以包含所有的表单控件,还有任何必需的伴随数据,如控件的标签.处理数据的脚本或程序的位置等. 在表单的<form>标记中,还可以设置表单的基本属性,包含表单的名称.处理程序.传送方法等.一般情况下,表单的处理程序action和 传送方法method是必

HTML5中table标签与form标签的区别

html中form表示一个表单,用来把一系列的控件包围起来,然后再统一发送这些数据到目标,比如最常见的注册,你说需要填写的资料,都是被封装在form里的,填写完毕后,提交form内的内容,如果不再form内则不会提交. table 则是用来布局的 当你填写资料的时候 你有没有发现页面所提供的文本框,文字,按钮之类的..都摆放的非常整齐 这就是table的作用,一行一行的以表格的形式展示内容. table仅仅只是用来布局用的,form则是用来封装数据的.二者在概念上是不同的,通常发挥作用的是for

Form标签+Css基础

一.Form表单标签 <form action="" method=""></form> 表单就是用来将用户的信息提交到服务器,服务器会将信息存储或者根据信息查询数据(增删改查). 表单中所有的内容都要写在form标签中. <input type="text" value="哈哈哈哈" placeholder="请输入用户名"> Input文本输入框,type类型为tex

WEB前端开发学习----3.HTML表单form标签

什么是表单? 表单就是用来搜集不同类型的用户输入.比如我们登录时输入的登录名,密码.再比如我们点击登录按钮,删除按钮等等都算是表单. 表单是一个包含表单元素的区域,包括文本域,下拉菜单,复选框,单选框等等. 在html文档中,我们使用<form></form>标签来包含表单元素. form标签有两个属性需要注意下,一个是action, 另一个是method. action ="目的地"   表示将用户输入的数据将被传送到指定位置.比如一个网页. method=&

HTML &lt;form&gt; 标签

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Hannotate SC" } p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Hannotate SC"; min-height: 17.0px } span.s1 { } 表单<form></form> <form></form> 一. 表单form

上传图片HTML &lt;form&gt; 标签的 method 属性

<!DOCTYPE HTML><html><body> <form action="/example/html5/demo_form.asp" method="get">选择图片:<input type="file" name="img" multiple="multiple" /><input type="submit"