表单里面的id是干啥用的??

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表单里面的id是干啥用的??相关的知识,希望对你有一定的参考价值。

能举个例子吗?????

页面元素id属性起一个唯一标识的作用,另外一个和id属性功能类似的是name属性。name与id的区别是name可以将一组作用相同的对象关联在一起。html页面document对象提供了两个获取页面元素的方法:getElementById()和getElementsByName(),他们分别通过id和name查找元素对象。
例如:页面表单里有下面3个文本框控件
<input type="text" name="id_text_1" name="name_text" value="1">

<input type="text" name="id_text_2" name="name_text" value="2">
<input type="text" name="id_text_3" name="name_text_3" value="3">
当你用document.getElementById("id_text_1")获取对象时,你只能获取到value=1的那个对象,当你用document.getElementsByName("name_text")获取对象时,你可以获取到value=1和2的两个对象组成的array。
不知道你看明白了没?
参考技术A 好像是命名属性的意思,方便其他html语句调用。<input type="radio" name="sex" value="男" id="man"><label for="man" >男</label>追问

具体怎么调用啊

追答

这个有教程,你你可以下载w3cschool手册,上面有全部用法。

本回答被提问者采纳
参考技术B 某网站的表单表单在网页中主要负责数据采集功能。一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。
目录

组成
代码
表单标签文本框多行文本框密码框隐藏域复选框单选框文件上传框下拉选择框表单按钮
表单控件
展开组成
代码
表单标签文本框多行文本框密码框隐藏域复选框单选框文件上传框下拉选择框表单按钮
表单控件
展开编辑本段组成
一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服务器的方法。表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。 表单按钮:包括提交按钮、复位按钮和一般按钮;用于将数据传送到服务器上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的处理工作。
编辑本段代码
表单标签
<form></form>
功能:用于申明表单,定义采集数据的范围,也就是<form>和</form>里面包含的数据将被提交到服务器或者电子邮件里。
语法:<FORM ACTION="URL" METHOD="GET|POST" ENCTYPE="MIME" TARGET="...">. . .</FORM>
属性解释见下表:
action=url指定一来处理提交表单的格式.它可以是一个URL地址(提交给程式)或一个电子邮件地址.
method=get或post指明提交表单的HTTP方法.可能的值为: post:POST方法在表单的主干包含名称/值对并且无需包含于action特性的URL中. get:不赞成。GET方法把名称/值对加在action的URL后面并且把新的URL送至服务器.这是往前兼容的缺省值.这个值由于国际化的原因不赞成使用.
enctype=cdata指明用来把表单提交给服务器时(当method值为"post")的互联网媒体形式.这个特性的缺省值是"application/x-www-form-urlencoded"
TARGET="..."指定提交的结果文

显示的位置: _blank :在一个新的、无名浏览器窗口调入指定的文档; _self :在指向这个目标的元素的相同的框架中调入文档; _parent :把文档调入当前框的直接的父FRAMESET框中;这个值在当前框没有父框时等价于_self; _top :把文档调入原来的最顶部的浏览器窗口中(因此取消所有其它框架);这个值等价于当前框没有你框时的_self.
例如:
表示表单将向以post的方式提交,提交的结果在新的页面显示,数据提交的媒体方式是默认的application/x-www-form-urlencoded方式;
表单域
表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框和下拉选择框等,用于采集用户的输入或选择的数据,下面分别讲述这些表单域的代码格式:
文本框
文本框是一种让访问者自己输入内容的表单对象,通常被用来填写单个字或者简短的回答,如姓名、地址等。
代码格式:<input type="text" name="..." size="..." maxlength="..." value="...">
属性解释:
type="text"定义单行文本输入框;
name属性定义文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
size属性定义文本框的宽度,单位是单个字符宽度;
maxlength属性定义最多输入的字符数。
value属性定义文本框的初始值
样例1:
样例1代码:
<input type="text" name="example1" size="20" maxlength="15" />
多行文本框
也是一种让访问者自己输入内容的表单对象,只不过能让访问者填写较长的内容。
代码格式:<TEXTAREA name="..." cols="..." rows="..." wrap="VIRTUAL"></TEXTAREA>
属性解释:
name属性定义多行文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
cols属性定义多行文本框的宽度,单位是单个字符宽度;
rows属性定义多行文本框的高度,单位是单个字符宽度;
wrap属性定义输入内容大于文本域时显示的方式,可选值如下:
默认值是文本自动换行;当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现; Off,用来避免文本换行,当输入的内容超过文本域右边界时,文本将向左滚动,必须用Return才能将插入点移到下一行; Virtual,允许文本自动换行。当输入内容超过文本域的右边界时会自动转到下一行,而数据在被提交处理时自动换行的地方不会有换行符出现; Physical,让文本换行,当数据被提交处理时换行符也将被一起提交处理。
样例2:
样例2代码:
<TEXTAREA name="example2" cols="20" rows="2" wrap="PHYSICAL"></TEXTAREA>
密码框
是一种特殊的文本域,用于输入密码。当访问者输入文字时,文字会被星号或其它符号代替,而输入的文字会被隐藏。
代码格式:<input type="password" name="..." size="..." maxlength="...">
属性解释:
type="password"定义密码框;
name属性定义密码框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
size属性定义密码框的宽度,单位是单个字符宽度;
maxlength属性定义最多输入的字符数。
样例3:
样例3代码:
<input type="password" name="example3" size="20" maxlength="15">
隐藏域
隐藏域是用来收集或发送信息的不可见元素,对于网页的访问者来说,隐藏域是看不见的。当表单被提交时,隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。
代码格式:<input type="hidden" name="..." value="...">
属性解释:
type="hidden"定义隐藏域;
name属性定义隐藏域的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
value属性定义隐藏域的值
例如:<input type="hidden" name="ExPws" value="dd">
复选框
复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素,都必须有一个唯一的名称。
代码格式:<INPUT type="checkbox" name="..." value="...">
属性解释:
type="checkbox"定义复选框;
name属性定义复选框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
value属性定义复选框的值
样例4:
样例4代码:
<input type="checkbox" name="yesky" value="09">xxxcom
<input type="checkbox" name="Chinabyte" value="08">
单选框
当需要访问者在待选项中选择唯一的答案时,就需要用到单选框了。
代码格式:<input type="radio" name="..." value="...">
属性解释:
type="radio"定义单选框;
name属性定义单选框的名称,要保证数据的准确采集,单选框都是以组为单位使用的,在同一组中的单选项都必须用同一个名称;
value属性定义单选框的值,在同一组中,它们的域值必须是不同的。
样例5:
样例5代码:
<input type="radio" name="myFavor" value="1">
<input type="radio" name="myFavor" value="2">
文件上传框
有时候,需要用户上传自己的文件,文件上传框看上去和其它文本域差不多,只是它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件。
注意:在使用文件域以前,请先确定你的服务器是否允许匿名上传文件。表单标签中必须设置ENCTYPE="multipart/form-data"来确保文件被正确编码;另外,表单的传送方式必须设置成POST。
代码格式:<input type="file" name="..." size="15" maxlength="100">
属性解释:
type="file"定义文件上传框;
name属性定义文件上传框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;
size属性定义文件上传框的宽度,单位是单个字符宽度;
maxlength属性定义最多输入的字符数。
样例6:
样例6代码:
<input type="file" name="myfile" size="15" maxlength="100">
下拉选择框
下拉选择框允许你在一个有限的空间设置多种选项。
代码格式:
<select name="..." size="..." multiple>
<option value="..." selected>...</option>
...
</select>
属性解释:
size属性定义下拉选择框的行数;
name属性定义下拉选择框的名称;
multiple属性表示可以多选,如果不设置本属性,那么只能单选;
value属性定义选择项的值;
selected属性表示默认已经选择本选项。
样例7:
样例7代码:
<select name="mySel" size="1">
<option value="1" selected></option>
<option value="d2"></option>
</select>
样例8:
按Ctrl可以多选
样例8代码:
<select name="mySelt" size="3" multiple>
<option value="1" selected></option>
<option value="d2"></option>
<option value="3"></option>
</select>
表单按钮
表单按钮控制表单的运作。
1.3.1 提交按钮
提交按钮用来将输入的信息提交到服务器。
代码格式:<input type="submit" name="..." value="...">
属性解释:
type="submit"定义提交按钮;
name属性定义提交按钮的名称;
value属性定义按钮的显示文字;
样例9:
样例9代码:
<input type="submit" name="mySent" value="发送">
1.3.2 复位按钮
复位按钮用来重置表单。
代码格式:<input type="reset" name="..." value="...">
属性解释:
type="reset"定义复位按钮;
name属性定义复位按钮的名称;
value属性定义按钮的显示文字;
样例10:
样例10代码:
<input type="reset" name="myCancle" value="取消">
1.3.3 一般按钮
一般按钮用来控制其他定义了处理脚本的处理工作。
代码格式:<input type="button" name="..." value="..." onClick="...">
属性解释:
type="button"定义一般按钮;
name属性定义一般按钮的名称;
value属性定义按钮的显示文字;
onClick属性,也可以是其它的事件,通过指定脚本函数来定义按钮的行为;
样例11:
样例11代码:
<input type="button" name="myB" value="保存" onClick="javascript:alert('it is a button')">
二.表单
表单是用来提交资料、意见,规范流程执行过程的格式。
编辑本段表单控件
Button Objx:是最全面的类似按钮的控件。不仅可以取代Windows按钮控件来创建强大的按钮,还可以创建完全自定义的活动按钮和工具栏,以及自定义形状的容器。还可以动态的更改图像和形状,以及在自定义形状的区域中添加多个聚焦点,或使用它提供的各种特性完全自定义您的用户界面。此外还包括Balloon控件,它是使用最简单和最广泛的控件,通过使用标准或定制形状添加可自定义的帮助气球(工具提示)到应用程序中。
Input Pro:可以轻松地创建专家级的数据录入界面。该软件具有六种格式化编辑控件,方便快速验证数据,可以使用布尔控件来显示用户外观的真/假/灰度值,或者使用备忘录控件来显示大量的文本信息。
Component One:行业认可最佳VisualStudio控件集[1],不仅全部支持 WinForms、WPF、ASP.NET、Silverlight 和 ActiveX,还支持 iPhone、Windows Mobile 等移动设备平台。它包含数百个控件,如 Grids、Charts、Reports、Schedules、Menus、Toolbars、Ribbon、PDF 等.可以轻松创建类似微软 Office 显示风格的用户界面。例如,使用 C1Ribbon实现 Office 2010 的菜单和工具条风格;使用 C1 SplitterContainer进行应用程序工作区分割;C1NavBar 实现导航栏;使用C1Calendar 实现具有强大日程安排功能癿日历等等。

html DIv里面的auto是干啥用的?

auto就是根据浏览器的渲染而给它赋值。

意思就是浏览器内置的值赋给它,或者是继抄承下来的值赋给它。

auto在‘这里’是没有意义的,只有在实际使用的环境中才能讨论。

比如:

.boxwidth:auto;heigght:30px;

扩展资料:

用法

DIV标签应用于 Style Sheet(样式表)方面会更显威力,它最终目的是给设计者另一种组织能力,有 Class、Style、title、ID 等属性。

<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的特定格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。

参考资料来源:百度百科-DIV标签

参考技术A

auto就是根据浏览器的渲染而给她赋值。意思就是浏览器内置的值赋给它,或者是继承下来的值赋给它。

auto在‘这里’是没有意义的,只有在实际使用的环境中才能讨论。

比如:

.boxwidth:auto;heigght:30px;

这里的意思就是,box这个容器的宽度自动,高度为30像素。

一般auto不用书写,只是在覆盖原有样式的时候对页面进行样式的更新。

参考技术B auto是自动的意思。用法:(auto ) int b; 括号表示可省定义b是自动的整型变量但是,常见的int b;实际上是省去了auto 参考技术C 我只知道把给一个div的样式设一个“magin:0px auto"时,这个div就会在整个电脑屏幕上居中,不管屏幕是多大的 参考技术D 这个是自适应宽和高用的,宽和高有多少像素,就是多少像素

以上是关于表单里面的id是干啥用的??的主要内容,如果未能解决你的问题,请参考以下文章

laravel 里面的 bootstrap 文件夹是干啥用的?

MongoDB评论系统Slug,它是干啥用的?

vender文件夹下的文件是干啥用的

Linux里面的lo网络接口是干啥用的呢?

VB中 BUTTON控件的TAG属性是干啥用的?

我的世界里面海绵是干啥用的?