只有标签内的组件中的数据才会被提交到服务器

作者: 前端  发布:2019-11-29

文本域

<textarea name="content" cols="80" rows="10">
    测试
</textarea>

文本域可以让大家输入大段的文字,须要注意的是文本域和输入框差异的地点是,文本域的暗中同意值是标签中的文本,输入框是通过value属性钦命的。

9159.com 1

6. type=hidden隐敝域有何样效果与利益? 举例表明

  • 掩没域在页面中对于客户是不可知的,在表单中插入隐敝域的目的在于采摘或发送消息,以利于被拍卖表单的前后相继所利用。浏览者单击发送按键发送表单的时候,蒙蔽域的音讯也被一块发送到服务器。
  • 稍稍时候我们要给客户生龙活虎音信,让他在交付表单时交由上去以明确客商地点,如sessionkey,等等.当然那个事物也能用cookie实现,但运用蒙蔽域就轻巧的多了.何况不会有浏览器不扶持,顾客禁止使用cookie的忧虑。
  • 些微时候三个form里有多个提交开关,怎么样使程序能够分清楚到底用户是按那个开关提交上去的吧?大家就能够写三个遮掩域,然后在每七个按键处加上onclick="document.form.command.value="xx""然后大家接到数据后先检查command的值就能明白顾客是按的丰裕按键提交上去的。
  • 突发性二个网页中有多少个form,大家理解七个form是不可能同时提交的,但临时那个form确实相互影响,我们就能够在form中加上隐藏域来使它们联系起来。
  • javascript不扶植全局变量,但一时大家必需用全局变量,大家就足以把值先存在掩没域里,它的值就不会丢弃了。
  • 还或者有个例证,举个例子按一个开关弹出八个小窗口,当点击个中的八个小窗口时其它四个机关关闭.然而IE不扶植小窗口彼此调用,所以独有在父窗口写个隐敝域,当小窗口看见那一个隐藏域的值是close时就和煦关闭。

2.method=get/method的区别

  • 三头的本质差距在于:
    (1)GET后退按键/刷新无毒,POST数据会被再度提交(浏览器应该告知客商数量会被重新提交。
    (2)GET书签可珍藏,POST为书签不可收藏。
    (3)GET能被缓存,POST无法缓存 。
    (4)GET编码类型application/x-www-form-url,POST编码类型application/x-www-form-urlencoded 或 multipart/form-data。为二进制数据利用多种编码。
    (5)GET历史参数保留在浏览器历史中。POST参数不会保存在浏览器历史中。
    (6)GET对数码长度有约束,当发送数据时,GET 方法向 UEnclaveL 增多数量;URAV4L 的尺寸是受约束的(UPAJEROL 的最大尺寸是 2048 个字符)。POST无界定。
    (7)GET只同意 ASCII 字符。POST未有限制。也允许二进制数据。
    与 POST 比较,GET 的安全性很糟糕,因为所发送的数码是 UPAJEROL 的意气风发有的。在发送密码或别的敏感音讯时不用要利用 GET !POST 比 GET 更安全,因为参数不会被保留在浏览器历史或 web 服务器日志中。(8)GET的数据在 U福特ExplorerL 中对全体人都是可以预知的。POST的数量不会来得在 U宝马X5L 中。
  • 使用post的情况:
    (1)假若表单正在更新数据,大概隐含敏感消息(举例密码)。
    (2)post安全性更是,因为在页面地址栏中被提交的多少是不可知的。
  • 使用get的情况:
    (1)假设表单的交付是被动的(比方寻找引擎查询),没有趁机音信。
    (2)使用get时,表单数据在页面地址中是可知的。
    (3)一丢丢数码的交由

Form表单的数额交到方式

表单的数据交到重要由八个属性来调节,action和method。
action:规定当提交表单时该向何方发送数据。
见死不救有3中取值格局:

一个U普拉多L,通常针对叁个服务器端的主次,程序采纳表单传输的数码并作管理。
选用mailto合同的地点,会将表单内容以电子邮件的办法发送出去,相当少见须求访谈者计算机上科学安装和安装了邮件发送程序。
空值,假如action为空或不写,表示提交给当下页面。
method:定义浏览器将表单中的数据交由给服务器管理程序的法子。
一时一刻最常使用的交给方式为get和post。

get会将表单音讯提交服务器时会将消息拼接起来产生贰个url地址,轻巧败露风声,而post不会,所以安全性上post比较有优势。
get会把提交的内容拼接到地点,所以当提交内容较长时,将非常的小概利用get进行传输,而post不会产出这种主题材料。
为此对与安全性供给比较高的数码传输用post,极低的用get。
大器晚成对相比较长的多寡传输用post,短数据用get。

 <form id="form">
 <div class="form-group col-md-6">
                <label>昵称</label>
                <div class="input-group">
                    <i class="fa fa-user"></i>
                    <input type="text" id="nickname" name="nickname" class="form-control" placeholder="昵称" maxlength="50" value="${obj.nickname!''}">
                </div>
            </div>

            <div class="form-group col-md-6">
                <label>手机号</label>
                <div class="input-group">
                    <i class="fa fa-phone"></i>
                    <input type="phone" id="phone" name="phone" class="form-control" placeholder="手机号" maxlength="11" value="${obj.phone!''}" >
                </div>
            </div>
</form>
  • 类别化表单
 var data = $('#form').serialize();
 $.post("${basePath}/self/editUser.do",data,function(data){
}):
  • jquary赋值 属性赋值
给标签id为faceimg 的src属性赋值 
$('#faceImg').attr("src",data.path);      
$('#face').val(data.path);
  • 以下三种写法能够高达朝气蓬勃致的目标
 $('#fileForm').attr('action','${basePath}/upload/img.html');

<form id="fileForm" method="post" enctype="multipart/form-data" 
target="fileFrame" action="${basePath}/upload/img.html">
</form

表单布局

1 <form action="" method="POST" enctype="multipart/form-data">
2     用户名:<input type="text" name="username"/>
3 
4     <input type="submit" name="提交按钮"/>
5 </form>

如上是八个最简单易行的表单结果,在表单布局中须要我们驾驭的剧情除了表单相关的竹签外,正是表单的属性。action 属性,指向服务器处理表单的次序地址,而method属性钦点浏览器管理表单的不二秘技,常用的不二等秘书籍包涵GET、POST,如下是大家总计的后生可畏都部队分有关这三种办法的分化:

GET,这种方式在表单提交的时候一点也不慢,可是表单中的数据会展现在浏览器的地点栏中,所以这种方法不太安全。

POST,这种办法在付给表单的时候会对表单内容实行李包裹装,不会突显在地点栏中,所以这种艺术比较安全,不过在速度上不及GET情势。

2. post 和 get 格局的分别?

  • GET比POST更不安全,因为参数直接揭穿在UENVISIONL上,所以不可能用来传递敏感音信。 GET参数通过U兰德汉兰达L传递,POST放在Request body中。
  • GET央求在U讴歌ZDXL中传送的参数是有长度约束的,而POST理论上是不受约束的。
  • GET在浏览器回降时是无害的,而POST会再度提交伏乞。
  • GET和POST本质上正是TCP链接,并一点差别也没有。不过由于HTTP的规定和浏览器/服务器的范围,招致她们在选拔进程中突显出部分不意气风发。对于GET情势的伸手,浏览器会把http header和data风度翩翩并发送出去(一个包),服务器响应200(重临数据卡塔尔;而对此POST,浏览器头阵送header,服务器响应100 continue,浏览器再发送data(三个包),服务器响应200 ok(重临数据卡塔尔(英语:State of Qatar)。”

10.何足为奇type属性及其用法一览

  • type: 控件类型的显得。假若那天本性未有一点点名,暗中同意的体系是 text。
  • type可用的值包涵:
  • button:无缺省一坐一起按键。
  • checkbox: 复选框。必得运用 value 属性定义此控件被交给时的值。使用 checked 属性提醒控件是还是不是被筛选。也能够动用 indeterminate 指示复选框在生龙活虎种不鲜明状态(大非常多平台上,显示为一条通过复选框的水平线)。
  • color:HTML5 用于钦点颜色的控件。
  • date:HTML5 用于输入日期的控件(年,月,日,不包含时间)。
  • datetime:HTML5 基于 UTC 时区的日鼠时间输入控件(时,分,秒及几分之意气风发秒)。
  • datetime-local:HTML5 用于输入日期时间控件,不包括时区。
  • email:HTML5 用于编辑 e-mail 的字段。 合适的时候能够运用 :valid 和 :invalid CSS 伪类。
  • file:此控件能够让客商筛选文件。使用 accept 属性能够定义控件能够接纳的文件类型。
  • hidden:不显得在页面上的控件,但它的值会被交给到服务器。
  • image:图片提交按键。必得使用 src 属性定义图片的来源及应用 alt 定义代替文本。还足以采取 height 和 width 属性以像素为单位定义图片的高低。
  • month:HTML5 用于输入年月的控件,不带时区。
  • number: HTML5 用于输入浮点数的控件。
  • password:一个值被隐瞒的单行文本字段。使用 maxlength 钦赐可以输入的值的最大尺寸 。
  • radio:单选按键。必需选用 value 属性定义此控件被交付时的值。使用checked 必须提醒控件是还是不是缺省被增选。在同贰个”单选开关组“中,全数单选按键的 name 属性使用同一个值; 贰个单选开关组中是,同时独有三个单选按键能够被增选。
  • range:HTML5 用于输入离谱值控件。
  • reset:用于将表单所内容设置为缺省值的按键。
  • search:HTML5用来输入寻觅字符串的单行文本字段。换行会被从输入的值中自动移除。
  • 9159.com ,submit:用于提交表单的开关。
  • tel:HTML5 用于输入电话号码的控件;换行会被自动从输入的值中移除A,,but no other syntax is enforced。可以行使质量,例如 pattern 和 maxlength 来约束控件输入的值。伏贴的时候,能够应用 :valid 和 :invalid CSS 伪类。
  • text:单行字段;换行会将自行从输入的值中移除。
  • time:HTML5 用于输入不含时区的命宫控件。
  • url:HTML5 用于编辑UEscortL的字段。 The user may enter a blank or invalid address. 换行会被活动从输入值中移队。能够运用如:pattern 和 maxlength 样的质量来限制输入的值。 妥当的时候使能够应用 :valid 和 :invalid CSS 伪类。
  • week:HTML5 用于输入二个由星期-年结合的日期,日期不包含时区。

Form表单的为主组成

表单则由HTMLFormElement类型,此成分世襲了HTMLElement,因而与其他HTML成分具有雷同的默许属性;HTMLFormElement有和好以下属性和艺术;

acceptCharset: 服务器能够处理的字符集;等价于HTML中的accept-charset特性;
action: 选择诉求的U景逸SUVL,等价于HTML中的action
elements: 表单中具备控件的会集.
enctype: 必要的编码类型;等价于HTML中的enctype本性;
length: 表单中央调整件的多少;
method: 要发送的http央求类型,通常是get恐怕是post,等价于HTML中的method;
name: 表单的名号;
reset(卡塔尔: 将所有表单域重新设置为暗许值;
submit(卡塔尔国: 提交表单;会自行将具备具有name属性的html输入成分(饱含input标签、button标签、select标签等卡塔尔(英语:State of Qatar)都将作为键值对交付。
target:用于发送央求和选择响应的窗口名称;
action 轻巧的来讲 就是伸手url的相对路线
必备的 action 属性规定当提交表单时,向何方发送表单数据。

语法
<form action="value">

<input>

输入标签,遵照type属性的两样,表现出的法力也区别。

type = text 文本输入框,单行输入,用于提交文件。
type = password 密码输入框,用于输入密码。
type = checkbox 复选框,为浏览者提供多选输入形式。
type = radio 单选框,为浏览者提供单选输入方式。
type = "file" 上传文件,使浏览能够上传文件到服务器。
type = "hidden" 定义三个掩瞒字段,对客商不可知,能够当作意气风发种隐身标志来作为辨别上传数据的真正的基于。
type = "botton" 定义三个可点击的按键,自身并未有别的表现,能够因此clickon( 卡塔尔国属性来给开关增添各类成效。
type = "submit" 提交开关,用于向服务器交由表单数据,数据会发送到action属性中的钦命分界面。
type = "resist" 重新载入参数按键,会去掉掉表单中的全数数据。

9159.com 29159.com 3

2. 表单成分
  • 单行文本框<input type="text"/>(input 的type 属性的默许值就是"text")
  • 密码框<input type="password"/>
  • 单选开关<input type="radio"/>。表单提交时,选中项的value和name被打包发送
  • 复选框<input type="checkbox"/>。表单提交时,选中项的value和name被打包发送
  • 隐蔽域<input type="hidden"/>。隐蔽域平日用于向服务器交由不须要展现给客商的消息
  • 文件上传<input type="file"/>。使用file,则form的enctype必须安装为multipart/form-data,method属性为POST
  • 下拉框<select>标签
  • 多创作本<textarea></textarea>。<textarea>未有value属性
  • <label></label>标签。在<input type=“text”>前能够写普通的文件来修饰,然而单击修饰文本的时候input并不会获取难点,而用label则能够,for属性内定要修饰的控件的id
  • 提交开关<input type="submit"/>。当客户单击<inputt type="submit"/>的交给按键时,表单数据会提交给<form>标签的action属性所钦命的服务器管理程序。粤语IE下默许开关文本为“提交查询”,能够设置value属性改过开关的显得文本。
  • 重新初始化开关<input type="reset"/>。当顾客单击<input type="reset"/>开关时,表单中的值被重新初始化为早先值。在客商提交表单时,重新载入参数按键的name和value不会提交给服务器。
  • 图像按键<input type="image" src="bg.jpg"/>。图像开关的src属性内定图像源文件,它未有value属性。
    参考自

8.label标签

  • label标签不会向客商展现任何特殊效果,它的功能是为鼠标客商改良了可用性。假诺您在 label 标签内点击文本,就能够触发此控件。便是说,当客户单击选中该label标签时,浏览器就能自行将刀口转到和标签相关的表单控件上(就活动选令月该label标签相关连的表单控件上)。
  • 语法:<label for="控件id名称">
  • 只顾:注意:标签的 for 属性中的值应该与相关控件的 id 属性值应当要大器晚成致。

<button>

交由按键标签,和type="button"属性相差距,自带提交功能。
<button>value</button>

 1 <form method="" action="" enctype="multipart/form-data(提交表单中有文件设置)">
 2     <!-- 输入框-文本框 -->
 3     <input type="text" name="文本框名称"/>
 4     <!-- 输入框-密码框 -->
 5     <input type="password" name="密码框名称"/>
 6     <!-- 输入框-单选按钮(通常是一对) -->
 7     <input type="radio" name="单选按钮名称" value="单选按钮值"/>描述文本(页面显示内容)
 8     <!-- 输入框-复选框(通常是 name属性相同的一组) -->
 9     <input type="checkbox" name="复选框名称" value="复选框值"/>描述文本(页面显示内容)
10     <!-- 输入框-文件域(注意此时必须设置表单的 enctype 属性) -->
11     <input type="file" name="文本框名称"/>
12     <!-- 下拉列表 -->
13     <select name="下列框名称">
14         <option value="下拉列表选项值(通常是一组)">下拉列表选项(页面显示内容)  </option>
15     </select>
16     <!-- 按钮-普通 -->
17     <input type="button" name="按钮名称" value="按钮页面显示文字">
18     <!-- 按钮-提交 -->
19     <input type="submit" name="按钮名称" value="按钮页面显示文字">
20     <!-- 按钮-重置 -->
21     <input type="reset" name="按钮名" value="按钮页面显示文字">
22 </form>

4. radio 如何 分组?

设置同风姿浪漫的name属性值.

3.文本输入框、密码输入框

  • 当顾客要在表单中键入字母、数字等内容时,就能够用到文本输入框。文本框也足以转正为密码输入框。
  • 语法:
<form>
   <input type="text/password" name="名称" value="文本" />
</form>
  • 注意:
    (1)type:
    当type="text"时,输入框为文本输入框,单行输入不能换行;
    当type="password"时, 输入框为密码输入框,输入的文本会变为圆点。
    (2)name:为文本框命名,以备后台程序ASP 、PHP使用。
    (3)value:为文本输入框设置暗中认可值。(平日起到晋升作用卡塔尔(قطر‎

什么是Form表单?

Form 表单是大器晚成组用来采撷客商输入消息的html 标签,能够对客商输入的音信进行访谈 效验和向服务器交由,进而实现客商与web 服务器的相互作用。
Form表单由<form>标签署义,独有标签内的机件中的数据才会被交给到服务器。

表单是网页中最普及的元素,也是客商和我们相互影响的机要花招,在网址中的登入、注册、音讯更新这个效应都以注重表单达成的。在HTML中对此表单提供了黄金时代鳞萃比栉的标签,即输入框、下拉框、按键、文本域,如下是四个最屡见不鲜的表单布局内容:

1.表单属性
  • action:规定当提交表单时,向什么地方发送表单数据。action取值为:第少年老成,贰个U本田CR-VL(相对UXC60L/相对UCRUISERL),平日针对服务器端三个程序,程序选取到表单提交过来的数据(即表单成分值)作相应管理。第二,使用mailto公约的U奥迪Q5L地址,那样会将表单内容以电子邮件的款式发送出去。这种意况非常少见的,因为它供给媒体人的微机上设置和准确安装好了邮件发送程序。第三,空值,借使action为空或不写,表示提交给当下页面。
  • method:该属性定义浏览器将表单中的数据交由给服务器管理程序的主意。关于method的取值,最常用的是get和post。
  • target:该属性规定在哪个地方显示action属性中钦赐的U梅赛德斯-EQL所重返的结果。取值有_blank(在新窗口中张开)、_self(在长期以来的框架中张开,默许值)、_parent(在父框架中展开)、_top(在整个窗口中展开)和framename(在钦命的框架中开荒)。
  • title:设置网址访谈者的鼠标放在表单上的轻巧地点停留时,浏览器用小浮标展现的公文。
  • enctype:规定在发送到服务器以前应该什么对表单数据实行编码。取值:默许值为 "application/x-www-form-urlencoded",在发送到服务器以前,全数字符都会开展编码;“multipart/form-data”:不对字符编码。在选择含有文件上传控件的表单时,必得选择该值。
  • name:表单的名目。注意和id属性的不一致:name属性是和服务器通讯时行使的名号;而id属性是浏览器端使用的称号,该属性主倘诺为着便利顾客端编制程序,而在css和JavaScript中选择的。

9.placeholder 属性有如何效果?

  • placeholder属性通常会在输入框有三个提示,该提醒会在输入字段为空时显示,并会在字段获得主旨时熄灭。
  • 在乎:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以至 password。
    placeholder为HTML5的新属性

<label>

为input标签创建贰个注解,使顾客更加直观的掌握标签的效能。
与此同不经常候能够通过for属性时顾客点击标记文字时,是热门转到和标签相关的表单控件上。
<label for = "id">标注</label>

下拉框

<p>
    省:
    <select name="province">
        <option selected>--- 请选择 ---</option>
        <option value="0001">河北省</option>
        <option  value="0002">山西省</option>
        <option  value="0003">陕西省</option>
    </select>
</p>

下拉框能够一本万利客户输入,具体的内容如上所示。

5. placeholder 属性有怎么着功用?

<input type="text" name="first_name" placeholder="你的姓名..." />
placeholder 属性提供可叙述输入字段预期值的提醒消息(hint)。
该提醒会在输入字段为空时彰显,并会在字段获得核心时消失。
讲解:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以至 password。

2.多选下拉列表框

下拉列表也足以举办多选操作,在<select>标签中安装multiple="multiple"属性,就足以兑现多选成效,在 windows 操作系统下,进行多选时按下Ctrl键同一时候拓宽单击(在 Mac下接受Command +单击),能够筛选四个筛选。
例如:

<form action="save.php" method="post" >
    <label>爱好:</label>
    <select multiple="multiple">
      <option value="看书">看书</option>
      <option value="旅游">旅游</option>
      <option value="运动">运动</option>
      <option value="购物">购物</option>
    </select>
</form>

<select>

下拉框,通过下拉选项输入数据。
能够安装selected属性来安装默许选项。

<select name = "num">
<option value = "1">1</option>
<option value = "2">1</option>
</select>

输入框

<p>
    用户名:<input type="text" name="username"/>
</p>
<p>
    密 码:<input type="password" name="password"/>
</p>
<p>
    性 别:
    <input type="radio" name="sex"/>男
    <input type="radio" name="sex"/>女
</p>
<p>
    爱 好:
    <input type="checkbox" name="hobbies"/>读书
    <input type="checkbox" name="hobbies"/>打游戏
    <input type="checkbox" name="hobbies"/>旅游
    <input type="checkbox" name="hobbies"/>爬山
</p>
<p>
    上传文件: <input type="file" name="uploadfile"/>
</p>
<p>
    隐藏域: <input type="hidden" name="userid" value="0000011101010"/>
</p>

如上就是表单的中输入框内容,输入框信任的是<input>标签,分裂的输入框完成是透过它的type属性实现的,关于type属性的值富含可用的选项包罗text(普通文书输入)、password(密码框) 、checkbox(复选框)、radio(单选开关)、submit(提交按键)、reset(重置按键)、file(文件域卡塔尔(قطر‎、hidden(隐藏域),默许为text。

简单来说介绍 HTML 表单的用法

HTML表单是三个满含表单成分的区域, 表单使用<form> 标签创立。注意,<form >成分是块级成分。

7.提交开关和重制开关

<textarea>

文本域,提供多行文本输入方式,使浏览者能够输入大段的文本。
<textarea>value</texarea>

View Code

3. 在input里,name 有哪些功能?

name 属性规定 input 成分的称号。
name 属性用于对交付到服务器后的表单数据开展标志,或许在客商端通过 JavaScript 援引表单数据。
表明:唯有设置了 name 属性的表单成分手艺在提交表单时传递它们的值。

1.付给开关
  • 在表单中有二种按键能够利用,分别为:提交开关、重新恢复生机设置。这一小节疏解提交按钮:当客商须要付出表单音信到服务器时,供给接收提交按键。
  • 语法:<input type="submit" value="提交">
  • type:唯有当type值设置为submit时,开关才有付出作用
  • value:按键上出示的文字

按钮

<p>
    <button type="button">普通按钮</button>
    <button type="submit">提交按钮</button>
    <button type="reset">重置按钮</button>
</p>
<p>
        <input type="button" value="普通按钮"/>
    <input type="submit" value="提交按钮"/>
    <input type="reset" value="重置按钮"/>            
</p>

如上正是表单中实现按键的秘籍,能够透过<button>标签,也得以透过<input>标签,无论选拔哪一类形式,大家都会发觉那么些开关都能够分成三类,即平时开关、提交按键、重置开关,钦命开关方式都以注重type属性钦定的。在那供给专一的是<button>按键钦赐描述文本是在标签中的描述文本,而<input>标签钦点按键的叙说文本是经过value属性。

1. form表单有哪些效果与利益?有哪些常用的input 标签,分别有什么样意义?

  • 表单的效能是访谈顾客的输入,向服务器传输数据,进而达成客商与web服务器的人机联作。
  • Input表示Form表单中的风流浪漫种输入对象,依照Type类型可分为文本输入框、密码输入框、单选/复选框、提交/重新初始化按钮等等。
    在HTML5中,规定的 input type 属性值如下:
  • 一些type值及其职能(最终有详细版)
  • button: 定义可点击按键
  • checkbox: 复选框
  • email : 定义用于e-mail地址字段,提交时会验证
  • file : 上传文件
  • hidden : 定义隐讳字段
  • image : 定义图像为付出按键
  • color : 定义拾色器,定义后现身颜色调板
  • date: 定义 date 控件(包含年、月、日,不富含时间)

6.怎样选用下拉列表框

4.文本域

  • 当客商须求在表单中输入大段文字时,须求接纳文本输入域。
  • 语法:
    <textarea rows="行数" cols="列数">文本</textarea>
  • 注意:
    (1)<textarea>标签是成对出现的,以<textarea>开首,以</textarea>甘休。
    (2)cols :多行输入域的列数。
    (3)rows :多行输入域的行数。
    (4)在<textarea></textarea>标签之间能够输入默许值。
2.重新初始化按键
  • 当顾客须求重新初始化表单音信到起来时的境况时,比方客商输入“客商名”后,开掘书写有误,能够行使重新载入参数开关使输入框苏醒到起来状态。只须求把type设置为"reset"就足以。
  • 语法:<input type="reset" value="重置">
  • type:独有当type值设置为reset时,按键才有重新载入参数功效
  • value:按键上显得的文字

5.利用单选框、复选框

  • 在运用表单设计考察表时,为了减少顾客的操作,使用选取框是二个好主意,html中有三种选取框,即单选框和复选框,两个的界别是单选框中的选项客户只可以采纳一项,而复选框中顾客能够随便选拔多项,以致全选。
  • 语法:
    <input type="radio/checkbox" value="值" name="名称" checked="checked"/>
  • 注意:
    (1)type:
    当 type="radio" 时,控件为单选框。
    当 type="checkbox" 时,控件为复选框。
    (2)value:提交数据到服务器的值(后台程序PHP使用)。
    (3)name:为控件命名,以备后台程序 ASP、PHP 使用。
    (4)checked:当设置 checked="checked" 时,该选择被私下认可选中。

1.form标签简单介绍

  • 网址怎么着与顾客打开人机联作?答案是选取HTML表单(form卡塔尔国。表单是能够把浏览者输入的多少传送到服务器端,这样服务器端程序就足以拍卖表单传过来的数据。
  • 语法:
    <form method="传送方式" action="服务器文件">
  • 详解:
    (1)<form> :<form>标签是成对现身的,以<form>早先,以</form>甘休。
    (2)action :浏览者输入的数额被传送到的地点,比方三个PHP页面(save.php卡塔尔。
    (3)method : 数据传送的情势(get/post)。
  • 静心:全体表单控件(文本框、文本域、按键、单选框、复选框等)都不得不放在 <form></form> 标签之间(不然顾客输入的音信可交付不到服务器上!)
1.单选下拉列表框
  • 下拉列表在网页中也常会用到,它可以有效的节约网页空间。既可以够单选、又足以多选。
  • 选用办法比如:
<form action="save.php" method="post" >
    <label>爱好:</label>
    <select>
      <option value="看书">看书</option>
      <option value="旅游">旅游</option>
      <option value="运动">运动</option>
      <option value="购物">购物</option>
    </select>
</form>
  • 详解:
    (1)value:<option value="向服务器交由的值">突显的值</option>
    (2)selected="selected":设置selected="selected"属性,则该选取就被暗中同意选中。

本文由9159.com发布于前端,转载请注明出处:只有标签内的组件中的数据才会被提交到服务器

关键词: