精华内容
下载资源
问答
  • HTML:表单之插入表单对象

    千次阅读 2020-01-15 23:46:08
    文本框是一种让访问者自己输入内容的表单对象,如姓名、地址等。 语法: <input name="控件名称" type="text" value="字段默认值" size="控件的长度" maxlength="最长字符数"> 参数定义如下: type:用来...

    表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框和下拉选择框等, 用于采集用户的输入或选择的数据。

    1.文本框

    文本框是一种让访问者自己输入内容的表单对象,如姓名、地址等。
    语法:

    <input name="控件名称" type="text" value="字段默认值" size="控件的长度" maxlength="最长字符数">
    

    参数定义如下:

    • type:用来指定插入哪种表单元素;
    • name:文字字段的名称;
    • value:用来定义文本框的默认值;
    • size:以字符为单位用来确认文本框在页面中显示的长度;
    • maxlength:用来设定文本框中最多可以输入的字符数。

    2.密码域

    密码是一种特殊的文字字段,其属性是和文字字段相同的,不同的是密码在输入时字符会以“ * ”显示,以确保账户安全。
    语法:

    <input name="控件名称" type="password" value="字段默认值" size="控件的长度" maxlength="最长字符数">
    

    3.普通按钮

    button一般情况下需要配合脚本进行表单处理。
    语法:

    <input name="按钮名称" type="button" value="按钮上显示的文字" onclick="处理程序">
    

    注:在button中添加onclick是为了实现一些特殊的功能,比如上述代码中的关闭浏览器的功能,此功能也可以根据需求添加效果。

    4.单选按钮

    单选按钮是一个小圆形的按钮,可供用户选择一个选项。
    语法:

    <input name="按钮名称" type="radio" value="按钮上显示的文字" checked/>
    

    5.复选按钮

    复选框checkbox可以让用户从一个选项列表中选择多项。
    语法:

    <input name="复选框名称" type="checkbox" value="复选框的值" checked/>
    

    6.提交按钮

    提交按钮在一个表单中起着至关重要的作用,其可以实现把用户在表单中填写的内容进行提交。
    语法:

    <input name="按钮名称" type="submit" value="按钮名称"/>
    

    7.重置按钮

    重置按钮的作用是用来清除用户在页面上输入的信息,如果用户在页面上输入的信息错误过多就可以使用重置按钮了。
    语法:

    <input name="按钮名称" type="reset" value="按钮名称"/>
    

    8.图像按钮

    可以为按钮添加图像的效果,使按钮变得不单调。
    语法:

    <input name="按钮名称" type="image" size="控件长度" maxlength="最长字符数"/>
    

    9 .文件域

    可以为表单添加图片或者上传文件。
    语法:

    <input name="名称" type="file" src="图像路径"/>
    

    10.菜单和列表

    下拉菜单在正常状态下只显示一个选项,因此在页面中是非常节省空间的。
    语法:

    <select name="下拉菜单名称">
    <option value="选项值" selected>下拉菜单内容
    ...
    </select>
    

    注:网页中只显示一个选项,其他的选项需要点击后面的下拉按钮才能看到。下拉菜单的宽度是由最长选项的宽度决定的。

    11.使用label定义标签

    此标签用于在表单元素中定义标签,这些标签可以对其他一些表单控件元素(如单行文本框、密码框等)进行说明。
    它可以指定id、style、class等核心属性,也可以指定onclick等事件属性。除此以外,它还有一个for属性,该属性指定它与哪个表单控件相关联。
    虽然它定义的标记只是输出普通文本,但是它生成的标记还有一个另外的作用,那就是当用户单击它生成的标签时,和该标签相关联的表单控件元素就会获得焦点。也就是说,当用户选择它所生成的标签时,浏览器会自动将焦点转移到和该标签相关联的表单控件元素中。
    使标签和表单控件相关联主要有两种方式:

    • 隐式关联:使用for属性,指定此标签的for属性值为所关联的表单控件的id属性值。
    • 显式关联:将普通文本、表单控件一起放在此标签内部即可。
      语法:
    <label>...</lable>
    

    12.文本域

    文本域标签定义多行的文本输入控件。文本区中可容纳无限数量的文本,其中文本的默认字体是等宽字体。可以通过rows(文字域行数)和cols(文字域列数)属性来规定textarea的尺寸。
    语法:

    <textarea name="名称" rows="行数" cols="列数" wrap="换行方式">文本内容</textarea>
    
    展开全文
  • 表单中的数据插入到数据库中有两种方法。1.直接使用sql语句的 优点:速度快,不耗资源 缺点:不能传递太长的字段内容,字段比较多时不易排错。 推荐经验的编程者优先考虑. 具体操作: 假设表单中有以下字段...

    把表单中的数据插入到数据库中有两种方法。
    1.直接使用sql语句的
        优点:速度快,不耗资源
        缺点:不能传递太长的字段内容,字段比较多时不易排错。
        推荐有经验的编程者优先考虑.

        具体操作:
           假设表单中有以下字段:username,password,sex,age
           对应的,在程序中有username,password,sex,age已取通过request.form或request.querystring取到字段的值。
           数据库表user中有username,password,sex,age字段。其它age为数字字段.
           已经建立connection对象,并打开链接.

            sql="insert into [user] (username,password,sex,age) value ('"&username&"','"&password&"','"&sex&"',"&age&")"
            conn.execute(sql)

            值得注意的是,如果username中含有“'”单引号,则会出错,解决方法是把字符串函数先经过处理.我常用的方法是建立一个sqlencode函数。
            function sqlencode(str)
                 sqlencode="'"&replace(str,"'","''")&"'"
            end function

            这样上面的sql 语名在可以简化为sql="insert into [user] (username,password,sex,age) values ("&sqlencode(username)&","&sqlencode(password)&","&sqlencode(sex)&","&age&")"
            多字段时注意前面列表中的字段名和 values后面的值的顺序要注意一一对应关系,如果该值为空,可以不填写,但表示分隔的“,”号不能省略。
            加入的字段为字符串字段时要注意给内容前后加上"'"号。
            另外,在表名user上面打上方括号是因为user表可能是一个系统表,打上方括号才不会和系统有冲突。给表名加上方括也是保证代码的兼容性的一个良好习惯。

    2.使用recordset对象
         优点:代码容易阅读,除错
         缺点:消耗系统资源
         推荐新手使用

         环境同上代码如下:

         set rs=Server.CreateObejct("ADODB.Recordset")
         sql="select * from [user]
         rs.open sql,conn,2,3
         rs.addnew                  '注意这一行为新加入一个记录,如果漏掉,就会改以前的记录了。
         rs("username")=username
         rs("password")=password
         rs("sex")=sex
         rs("age")=age
         rs.update          '将更新写入数据库中
         rs.close           '最快的关闭recordset对象是一种良好的习惯
         set rs=nothing     '将不用的对象释放也是一种良好的习惯

    展开全文
  • * * * 第8章 在网页中插入表单 第8章 在网页中插入表单 学习要点 创建表单 设置表单属性 创建文本域 创建密码域 创建单选按钮 创建复选项 创建表单按钮 创建下拉菜单 使用表单能收集网站访问者的信息比如会员注册...
  • 在WPSOFFICE表格中插入表单域(转)  不知是软件的BUB或是其他什么原因,笔者发现在WPS OFFICE的表格无法插入表单域(在通常情况下,表单域放在表格更易于组织和显示信息),怎样解决这个问题呢?经过一番试验,...
    在WPSOFFICE表格中插入表单域(转)

      不知是软件的BUB或是其他什么原因,笔者发现在WPS OFFICE的表格中无法插入表单域(在通常情况下,表单域放在表格中更易于组织和显示信息),怎样解决这个问题呢?经过一番试验,笔者找到一个变通的解决方案。

      1、在WPSOFFICE中将表格创建好。

      2、在表格中单击右键,将表格的“绕排方式”设为“两边不绕排”。

      3、同样,将表格的“对象层次”设为“在文字下”(完成这两步后,除非按住ALT键单击鼠标,否则表格难以被激活)。

      4、按回车键换行并配合空格键,将光标定位于需插入表单域的位置。

      5、单击表单域工具栏中的表单类型,插入所需的表单域。

      6、最后,为使表单域可用,并防止他人修改,单击表单域工具栏中的“保护文档”按钮,在弹出的对话框中设置密码,将文档锁定。

      至此,表格域就出现在相应的单元格区域了。但这只是一种权宜之计,并非真正意义上的在表格中插入表单域。所以我们期待金山在以后的版本中将这一功能完善。              


     

    来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/14102/viewspace-115960/,如需转载,请注明出处,否则将追究法律责任。

    转载于:http://blog.itpub.net/14102/viewspace-115960/

    展开全文
  • 将文本随意插入网页表单的 textarea

    千次阅读 2004-11-04 10:40:00
    原作者:我佛山人出处:5D多媒体在网页表单,我们时候需要将文本插入到光标所在的地方,或是替换掉选区内的文字。这时候,用普通的.value+="text"就无能为力了。下面这段测试代码可以解决这个问题,供大家参考...
    原作者:我佛山人出处:5D多媒体


    在网页表单的<textarea>中,我们有时候需要将文本插入到光标所在的地方,或是替换掉选区内的文字。这时候,用普通的.value+="text"就无能为力了。下面这段测试代码可以解决这个问题,供大家参考:
    function getActiveText() {
    obj.currPos = document.selection.createRange().duplicate()
    //对象自定义属性currPos为文档中当前激活选中区被建立的TextRange对象的副本
    }
    function AddText(str) {
    if (obj.currPos)
    //如果对象obj存在属性currPos
    obj.currPos.text=str
    //设置对象obj当前激活选中区被建立的TextRange对象的文本为参数str的值
    //实现在光标位置插入参数str的值或者用参数str的值来替换选中区文本

    else obj.value+=str
    //如果对象obj的自定义属性currPos不存在
    //直接把参数str的值添加到对象obj的值后面

    }
    </script>
    <textarea id="obj" οnfοcus="getActiveText()" οnchange="getActiveText()"></textarea>
    <button onClick="AddText('中文')">AddText</button>
    <button onClick="AddText('English')">AddText</button>
    展开全文
  • create() 方法将自动收集提交的表单数据并创建数据对象而无需人工干预,这在表单数据字段非常多的情况下更具优势。 create() 创建数据对象后,将自动收集提交过来的表单数据。而表单数据可能需要经过一定加工...
  • ASP.NetForm表单与内置对象实践

    千次阅读 2007-09-27 17:07:00
    ASP.NetForm表单与内置对象实践HTML表单(Form)最关键掌握的三个要点:表单控件(Form Controls) Action Method表单控件(Form Controls),通过HTML表单的各种控件,用户可以输入文字信息,或者从选项选择,...
  • 1.在前端绑定一个函数 addData,然后在js写这个函数 前面的步骤都和get相似,都连接总数据库 具体代码是这样子 //插入数据函数 addData(){ db.collection("demolist").add({ data:{ title:"测试标题", ...
  • 此函数的作用是插入文章(或页面、自定义文章类型)数据库,插入之前,会净化一些变量,做一些检查,补全一些缺失的必需数据(如日期/时间)。此函数需要一个数组作为参数,插入成功后,返回插入文章的ID(插入...
  • 表单对象属性过滤选择器

    千次阅读 2013-12-12 17:54:08
    1.表单对象属性过滤选择器 (1):enabled用法$("input:enabled") (2):disabled用法$("input:disabled") (3):checked用法$("input:checked")匹配所有被选中元素(复选框,单选框,不包括select的option) (4):...
  • 7.1.3 插入表单对象;7.1.3 插入表单对象;7.1.3 插入表单对象;7.1.3 插入表单对象;7.1.3 插入表单对象;7.1.3 插入表单对象;7.1.3 插入表单对象;7.1.3 插入表单对象;7.1.3 插入表单对象;7.1.3 插入表单对象;7.1.3 插入...
  • 表单脚本

    千次阅读 2016-04-03 12:26:14
    虽然现流行的大部分提交方式是通过ajax,但了解表单,对于ajax方式也是重大帮助的!所以,大家不要看轻表单。一、表单的基础知识在HTML表单由元素来表示,而在JavaScript表单对应的则是HTMLFo
  • 1. 超链接:对象表单数据集没有参数时,添加超链接时手工添加模板参数名,然后在对象表单单元格做条件过虑。
  • 我们需要把确认改变的属性赋值需要改变的新的对象中。以此保存数据。字段少还好说,字段较多那么就麻烦大了。如果此种需求很大。那么就更废了。更不用说可能需要改变部分字段(添加,减少)是否在修改中。只能...
  • 这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、...
  • iview关于多级数据表单验证问题

    千次阅读 2019-01-26 15:43:15
    iview关于多级数据表单验证问题表单验证prop设置功能快捷键合理的创建标题,助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居...
  • 在我的上一篇文章当中,已经在静态页面实现了JS动态添加删除TR。在实际工作,更多的是需要将JS所添加的tr的值...在JSP,JS代码会稍变化。 function addItem() { var tr = document.getElementById("t
  • 我们想使django表单验证前端传入的数据是否正确,我们需要用到Django的forms。 常用的Field: 使用Field可以是对数据验证的第一步。你期望这个提交上来的数据是什么类型,那么就使用什么类型的Field。 1. ...
  • ASP.NET MVC 中将数据从View传递控制器的三种方法(表单数据绑定) 在ASP.NET MVC框架,将视图的数据传递控制器,主要通过发送表单实现的.具体使用,主要使用以下三种方法. 1、通过Request.Form读取...
  • 十八、HTTP 和表单 ... 译者:飞龙 协议:CC BY-NC-SA 4.0 ... 通信在实质上必须是无状态的,从客户端服务器的每个请求都必须包含理解请求所需的所有信息,并且不能利用服务器上存储的任何上下文。 Roy Fie...
  • 如果选择了使用动态表单那么将面临一个比较“严峻”的问题——大数据量,我们知道动态表单的内容都保存在一张表(ACT_HI_DETAIL),我们也清楚动态表单中每一个Field都会在该表中插入一条记录,假如一个流程共有20...
  • HTMLform表单作用解释

    万次阅读 2015-12-18 17:02:26
    一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交服务器的方法。 表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等...
  • 1.mysql设置自增主键的起始值 alter table cace_teach_material AUTO_...2.mysql获取一个表的下一个自增(id)值的方法 SELECT auto_increment FROM information_schema.`TABLES` WHERE table_name = 'cace_tea...
  • 最近做项目用的组件库Ant Design Vue,这个...当一个input添加,然后删除,提交表单的时候会提示填写删除的input,还有个问题就是当把填写好的内容,删除提交的时候,已删除的内容还是能提交后台,用方法处理 fo...
  • 在POI的第一节入门,...那么在这个章节里面,我将会给大家演示一下,如何用Apache POI在已的Excel文件中插入一行新的数据。具体代码,请看下面的例子。 [java] view plain copy print?import java.io.File; imp
  • 创建表单 添加表单元素 创建网站相册 学习目标: 掌握使用表单标记的方法 掌握插入各种表单对象的方法 掌握列表/菜单的使用 掌握文本域标记的使用
  • 使用时可以插入两种类型的控件,一种是表单控件(在早期版本也称为窗体控件,英文Form Controls),另一种是ActiveX控件。表单控件只能在工作表添加和使用(呵呵,叫表单控件,但却不在表单Form使用,Form...
  • jQuery - 使用表单元素选择器

    千次阅读 2009-02-01 22:16:00
    jQuery - 使用表单元素选择器[示例代码]html> head> script src="jquery-1.3.1.js">script> script> $(document).ready( function () { 
  • 情景1:已经存在form对象了,动态为form增加对象并提交 function formAppendSubmit(){ var myform=$('#newArticleForm'); //得到form对象 var tmpInput=$("<input type='text' name='blogArticleForm.article...
  • Angular表单

    千次阅读 2018-08-10 14:15:44
    Angular中表单分为两种,一种...使用模板驱动行表单首先需要在根模块下面引入FormsModule,然后将FormsModule模块导入根模块的ngModule的imports数组,这样才能够就能访问模板驱动表单的所有特性,包括 ngMo...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 87,959
精华内容 35,183
关键字:

要插入到表单中的对象有