Html网页表单制作

1.表单标签<form>„„</form>

语法:<FORM name=“form_name” ACTION=“URL” METHOD=“GET|POST”>„</FORM>

Name :定义表单的名称

Method: 定义表单结果从浏览器传送到服务器的方式,默认参数为:get ; Action :用来指定表单处理程序的位置(asp 等服务器端脚本处理程序)

2.文本框文本框

是一种让访问者自己输入内容的表单对象,通常被用来填写单个字或者简短的回答,如姓名、地址等。

代码格式:<input type=“text” name=“...” size=“...” maxlength=“...” value=“...”>

type=“text” 定义单行 文本输入框;

name 属性定义文本框的名称,要保证数据的准确采集,必须定义一个独一无二的名称;

size 属性定义文本框的宽度,单位是单个字符宽度;

maxlength 属性定义最多输入的字符数。

value 属性定义文本框的初始值

3.密码框

密码框是一种特殊的文本框,它的不同之处是当输入内容时,均以*表示,以保证密码的安全性。

格式:<input type=“password” name=“...” size=“...” maxlength=“...” >

4. 按钮

类型:普通按钮、提交按钮、重置按钮。

1) 普通按钮

当type 的类型为button 时,表示该输入项输入的是普通按钮。 语法格式: <input type="button" value="„“ name=“„”>

Value: 表示显示在按钮上面的文字。 普通按钮经常和脚本一起使用。

2) 提交按钮

通过提交(input type=submit)可以将表单(Form)里的信息提交给表单里action所指向的文件。 例句: <input type="submit" value="提交">

3) 重置按钮

当type的类型为reset时,表示该输入项输入的是重置按钮,单击按钮后,浏览器可以清除表单中的输入信息而恢复到默认的表单内容设定。

语法格式: <input type=“reset" value=“„“ name=“„”>

5. 单选框和复选框

? 单选框

格式:<input type=“radio”name=“„” value=“„” checked> Checked: 表示此项默认选中

Value 表示选中后传送到服务器端的值。

Name 表示单选框的名称,如果是一组单选项,name 属性的值相同有互斥效果。

? 复选框

语法格式:<input type=checkbox name=“„” value=“„” checked >

时间: 2024-10-31 09:19:47

Html网页表单制作的相关文章

网页表单制作

<!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> <meta http-equiv="Content-

双飞翼页面布局与网页表单的制作

双飞翼布局 基本的页面布局 首先建立三个块级元素,全部设定高度,中间的块级元素按照显示屏幕的宽度百分百设定,左右两个块级元素设定相同的宽度. 其次将三个块级元素依次设定漂浮效果,通过设置外框边距(margin属性)使三个块级元素在同一行显示.使得网页被分为左中右三部分. 网页表单制作 常用到的标签(青岛教学网为例) form标签 表单的内容都被包含在这个标签里面,用于向后端传输数据.有三个属性,method:以何种方式提交,增,删,改,查四个方法.action:表单提交的地址.name??? t

网页表单

form 是网页表单编辑标签,属性主要是method=post/get  post 为无长度限制,内容不可见,get为有长度限制,内容在地址栏可见.action=负责处理的服务终端. form 包含标签主要有: 文本框:<input type="text" name="uname" maxlength="3" placeholder="请输入用户名"/><br />                   

用Tchromium替代webbrowser提交网页表单有关问题

用Tchromium替代webbrowser提交网页表单有关问题 提交表单时,使用js脚本,然后用 chrm.browser.Frame['ff'].ExecuteJavaScript 提交就可以. 我测试对百度主页提交数据进行搜索, strTemp := 'document.forms[0].wd.value=http://www.myexception.cn/delphi/"新闻热点";'  chrm1.Browser.MainFrame.ExecuteJavaScript(str

VC提交网页表单(一共八篇)

VC提交网页表单-自动评论留言(1)http://blog.csdn.net/wangningyu/article/details/4526357VC提交网页表单-自动评论留言(2)http://blog.csdn.net/wangningyu/article/details/4526551 HTTP协议学习笔记http://blog.csdn.net/wangningyu/article/details/4541556HTTP Post Using Chttp://blog.csdn.net/

利用excel VBA进行自动化数据分析,数据汇总,网页表单自动提交等功能

在制造业公司的生产管理,经营管理,采购管理,财务管理等工作中,都有大量的数据处理的任务,通过繁复的excel手工运算获取结果.通过员工培训和自我提升,掌握和使用excel数组公式和VBA自动化,能为员工节省巨大的时间和精力,提高工作附加值.同时作为公司效率化和系统化改善的一部分,为公司效益带来显著提升.以下通过一些案例,展示利用excel公式和VBA进行自动化数据分析,数据汇总,网页表单自动提交在实际场景中的典型应用.相关的文件和代码可以在github下载. 自动化数据分析 以下是通过VBA自动

【Javaweb】网页表单调试中后退的大忌

网页的调试,尤其是表单的调试,应该每一次修改保存之后,必须在网页刷新一次或者在地址栏重新输入要调试的地址,不要用后退的方式,以为网页也是跟着刷新的了.其实,这只是在缓存中你还有没有修改的网页而已.纵使你已经重启过服务器,保存过代码了. 网页表单调试的时候,后退之后不按刷新,仅仅就后退完事,尤其是你要对这一页的脚本进行更新的调试,根本就是不停载入缓冲中没有修改过代码的页面,你写的脚本根本就没有加载到你修改完的页面. 由于脚本没有样式变化,根本就没意识这个问题 多多按刷新就对了.甚至可以按Ctrl+

20个jQuery插件,帮你打造完美网页表单

网页表单主要是用来从用户那里收集一些必要的信息,是网页设计中不可或缺的一环.一个设计良好的表单能更有效的获取用户信息,也会给用户带来更好地 使用体 验.基于这一点,很多设计师开始使用jQuery来创建网页表单.而使用jQuery表单插件会让你的网页表单脱颖而出. 为 此,我们收集了一些不同类型的jQuery表单插件和读者分享.在下面这些jQuery表单插件中,有些能改变表单的外观并同时兼容各种浏览 器:有些用于表单验证并方便管理员和用户的操作:还有一些则是非常流行的日历表单和下拉列表表单.我们希

网页表单文档设计及技术实现

在很多业务流程应用中,业务审批单的样式.内容多变,然而系统对业务表单数据并不敏感,因此,不使用对应的关系型数据表,而采用NoSQL技术来优化设计.因为NoSQL无需事先为要存储的数据建立字段,随时可以存储自定义的数据格式.按NoSQL的特性,可以灵活进行schema结构(列定义)的修改,理论上应该可以很好支持这些多样表单的持久化保存.基于上述原因,业务审批单采用网页表单文档设计. 网页表单设计 首先,我们看一看在HTML表单元素(对象)中使用自定义属性的示例: <input fieldid=&quo