`

第六章:表单元素上

    博客分类:
  • html
阅读更多

一、表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。

  <form></form>

 

二、单行文本输入框

  <input type="text"  name="txt" />

  文本框的名称,这项必不可省,因为存储文本的时候必须用到。

  value  值  文本输入框的默认值 

 

三、多行文本输入框(文本域)

  <textarea name="file" rows=20 cols=30></textarea>

  cols,垂直列。在没有做样式表设置的情况下,它表示一行中可容纳下的字节数。例如cols=60,表示一行中最多可容纳60个字节,也就是30个汉字

  rows,水平列。表示可显示的行数,例如rows=10,表示可显示10行。超过10行,则需要拖动滚动条来浏览了

  name,文本框的名称,这项必不可省,因为存储文本的时候必须用到。

 

四、 单选按钮(Radio Buttons)

当用户从若干给定的的选择中选取其一时,就会用到单选框。

<input type="radio"  name="sex" value="男"/>男
<input type="radio"  name="sex" value="女"/> 女

    checked='checked' 默认选中

 

五、复选框(Checkboxes)多选框

当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。

<input type="checkbox" name="apple" />苹果
<input type="checkbox" name="banana" />香蕉

    checked='checked' 默认选中

 

六、下拉列表

 select 元素可创建单选或多选菜单

 <select name="data" >
    <option value="1">一月</option>
    <option value="2" selected="selected">二月</option>
    <option value="3">三月</option>
    <option value="4">四</option>
  </select>

selected="selected" 默认选中

select标签其他属性:

disabled disabled 规定禁用该下拉列表
multiple multiple 规定可选择多个选项。
size number 规定下拉列表中可见选项的数目。

 

JAVA技术交流群 532101200

 

分享到:
评论

相关推荐

    jQuery教程学习

    第六章:效果篇 - jQuery中的动画效果 第二十六节:jQuery速成- 动画实现的基本方法 第二十七节:jQuery速成- 元素的渐隐渐显 第二十八节:jQuery速成- 元素的滑动 第二十九节:jQuery速成- 自定义动画 第七章:工具...

    J2EE Web程序开发定向班V1.0 Java就业班V2.0 (完整版)

    第05章:Servlet与JSP核心技术课程--5、处理表单数据-处理表单数据(1).rmvb 第05章:Servlet与JSP核心技术课程--5、处理表单数据-处理表单数据(2).rmvb 第06章:Servlet与JSP核心技术课程--6、http请求报头-http请求...

    轻松搞定Extjs_原创

    第六章:元素操作与模板 36 一、重要也不重要的东西 36 二、Ext.DomHelper类 36 三、Ext.XTemplate 38 四、小结 39 第七章:格式化 40 一、用户需要优秀体验的内容 40 二、Ext.util.Format类 40 三、再谈XTemplete ...

    Java语言基础下载

    第六章:继承 86 学习目标: 86 单继承(single inheritance) 87 访问控制 89 方法重载(method overloading) 91 方法覆盖(method overriding) 93 基于继承的多态实现 94 隐藏(hiding) 95 构造方法在继承中的使用 96 ...

    JavaScript权威指南

    第六章 语句 第七章 函数 第八章 对象 第九章 数组 第十章 使用正则表达式的模式匹配 第十一章 JavaScript的更多主题 第二部分 客户JavaScript 第十二章 Web浏览器中的JavaScript 第十三章 窗口和框架 第十...

    Flex与ActionScript3程序开发

    第6章 Flex皮肤设计 第7章 特效effect和状态state 第8章 Flex与Flash无缝衔接 第9章 综合演练:实现仿Office 2007风格的界面 第3篇 组件高效技法篇 第10章 PopUpManager与ToolTipManager 第11章 Form组件与...

    JavaScript权威指南(第6版)(中文版)

    第6章语句 第7章对象和数组 第8章函数 第9章类、构造函数和原型 第10章模块和名字空间 第11章使用正则表达式的模式匹配 第12章脚本化Java 第二部分客户端JavaScript 第13章Web浏览器中的JavaScript 第14章脚本化...

    JavaScript权威指南(第五版)

     第6章 语句  第7章 对象和数组  第8章 函数  第9章 类、构造函数和原型  第10章 模块和名字空间  第11章 使用正则表达式的模式匹配  第12章 脚本化Java 第二部分 客户端JavaScript  第13章 Web...

    疯狂HTML5\CSS3\JavaScript讲义-源代码

    第6章 级联样式单与CSS选择器 第7章 字体与文本相关属性 第8章 背景、边框和补丁相关属性 第9章 大小、定位、轮廓相关属性 第10章 盒模型与布局相关属性 第11章 表格、列表相关属性及media query 第12章 变形...

    HTML5开发精要与实例详解(完整版源代码含说明文档)

    第6章用6个案例全面讲解了html 5中的本地存储技术;第7章用单点登录和获取批量数据这2个案例讲解了html 5中的跨文档的消息传输技术;第8章用2个案例讲解了如何利用web workers实现多线程处理;第9章用1个案例讲解了...

    Lotus.Domino.Web编程

    第6章 编写LotusScript 139 6.1 简介 139 6.2 关于LotusScript Web代理 140 6.3 激活一个代理的URL 141 6.4 在LotusScript中编写WebQueryOpen 代理 142 6.4.1 简单的LotusScript WebQueryOpen 代理 142 6.4.2 查询...

    javascript网页特效示例集合

    以下是各个大章节,其中第五章节我也详细说明了有哪些小章节,希望对大家有所帮助 01第1章 窗口框架与导航条设计 02第2章 表单及表单元素 03第3章 实用JavaScript函数 ...06第6章 超级链接特效

    html5webpdf

    第6章 移动WEB界面样式 第7章 GEOLOCATION地理定位 第8章 轻量级框架JQUERY MOBILE初探 第9章 重量级富框架SENCHA TOUCH入门 第10章 跨平台的PHONEGAP应用介绍 第11章 构建基于HTML5的生活轨迹WEB APP 第12章 进阶之...

    asp.net教学讲义

    第六章:站点设计 94 6.1 ASP.NET应用程序文件夹 94 6.2 母版页 96 6.2.1 母版页基础知识 96 6.2.2母版页运行机制 98 6.2.3 母版页的优点 100 6.3 创建母版页 100 6.4 创建内容页 102 6.5 皮肤和主题的概念 104 6.6 ...

    HTML5与CSS3基础教程(第8版)高清文字

    第6章 链接 113 6.1 创建指向另一个网页的链接 113 6.2 创建锚并链接到锚 118 6.3 创建其他类型的链接 120 第7章 CSS构造块 123 7.1 构造样式规则 123 7.2 为样式规则添加注释 124 7.3 理解...

    JavaScript DOM学习第六章 表单实例

    表单实例 这是一个表单的实力。这里有一个小问题:因为我的服务器现在不支持,所以表单不能提交。我会打印出你的输入,然后返回一个false,这样表单就没有被提交。 onSubmit的代码做了两件事情:检查你是否在四个...

    XML高级编程

    所以XML作为数据的这条主线包括:第6章:SAX:XML的简单API 第7章:命名空间和模式第8章:链接和查询第9章:操作XML 第10章:XML和数据库第11章:服务器到服务器第12章:电子商务第14章:WAP和WML 3. XML的可视化...

Global site tag (gtag.js) - Google Analytics