`

第六章:表单元素上

    博客分类:
  • 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

 

分享到:
评论

相关推荐

    第10章 表单元素[中]

    本章主要聚焦于"表单元素"这一主题,结合源码分析和工具应用,深入探讨如何有效地创建和管理网页表单。 表单元素通常包括输入框(input)、文本区域(textarea)、下拉菜单(select)、复选框(checkbox)、单选...

    第10章 表单元素[下]

    在本章“第10章 表单元素[下]”中,我们将深入探讨HTML表单元素的更多细节,这些元素是网页交互性的重要组成部分。HTML表单用于收集用户输入,如登录信息、搜索查询、注册数据等。下面将详细介绍一些关键的表单元素...

    第七章 JavaScript表单编程

    7. **其他表单元素**: - 表单还包含各种其他元素,如`&lt;select&gt;`(下拉列表)、`&lt;input type="radio"&gt;`(单选按钮)、`&lt;input type="checkbox"&gt;`(复选框)等,它们都有相应的属性和方法供JavaScript访问和操作。 ...

    HTML5 The Definitive Guide to HTML5

    - **第6章:HTML元素上下文**:探讨了HTML5中新增的各种元素,以及它们如何更好地表达网页内容的意义和结构。例如,`&lt;section&gt;`、`&lt;article&gt;`等语义化标签被详细介绍。 - **第7章:创建HTML文档**:指导如何组织HTML...

    a smarter way to learn javascript 2013

    - **第6章:数学表达式:不熟悉的运算符** —— 介绍取模、指数等高级运算符。 - **第7章:消除数学表达式的歧义** —— 使用括号来控制运算优先级。 - **第8章:连接文本字符串** —— 学习如何将多个字符串合并...

    第10章 表单元素[中].pdf

    HTML5中的表单元素是构建用户交互界面的重要组成部分,尤其input元素及其type属性在收集用户信息方面扮演着核心角色。在本章中,我们将深入学习HTML5表单中input元素的type属性,这个属性可以定义不同的输入控件类型...

    DW CS6中文版零基础自学视频教程第09章 创建表单 9节.zip

    在本《DW CS6中文版零基础自学视频教程第09章 创建表单 9节》中,我们将深入探讨如何使用Adobe Dreamweaver CS6这一强大的网页设计工具来创建功能完善的网页表单。Dreamweaver CS6是设计师和开发者常用的可视化编辑...

    第27章 表单处理1

    本章主要涵盖了三个关键知识点:表单介绍、文本框脚本和选择框脚本。 一、表单介绍 HTML中的表单是通过`&lt;form&gt;`元素创建的,而在JavaScript中,表单与HTMLFormElement类关联。HTMLFormElement类继承自HTMLElement,...

    HTML第三章-表单框架

    3. 使用` `换行,`&lt;p&gt;`定义段落,或者CSS布局(如Flexbox或Grid)来控制表单元素的排版。 六、表单处理 在服务器端,可以使用各种编程语言(如PHP、Python、Java等)来处理表单提交的数据。通常,这些数据会通过...

    S2-3使用JavaScript增强交互效果第四章到第六章课件及课后作业答案

    在“S2-3使用JavaScript增强交互效果第四章到第六章”这个主题中,我们可以深入探讨JavaScript在网页交互中的核心应用。 第四章:JavaScript基础与DOM操作 在这一章,我们将学习JavaScript的基础语法,包括变量、...

    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请求...

    Pro jQuery Mobile

    第6章:使用网格和CSS渐变进行内容格式化。介绍了如何使用网格系统和CSS特性来设计响应式布局。 第7章:创建可定制的设计。展示了如何利用jQuery Mobile的主题机制来创建统一的外观和风格。 第8章:jQuery Mobile ...

    第10章 表单1

    5. **标准表单元素辅助函数**: 除了基本的`form_tag()`,Symfony还提供了如`input_tag()`、`textarea_tag()`、`checkbox_tag()`和`radiobutton_tag()`等辅助函数,用于快速生成输入框、文本域、复选框和单选按钮等...

    Professional JavaScript Frameworks Prototype, YUI, Ext JS, Dojo and MooTools.pdf

    - **第6章:扩展Prototype** 教授如何自定义和扩展Prototype的功能。 - **第二部分:Yahoo! User Interface Library (YUI)** - **第7章:使用YUI遍历和操作DOM** 介绍如何使用YUI库来高效地遍历和操作DOM树。...

    jquery基础教程6章

    第6章:jQuery插件和扩展 最后,这一章会介绍如何利用jQuery的插件系统扩展其功能。将学习如何创建和使用自定义插件,以及如何利用现有的jQuery社区插件增强网站的功能。此外,还将讨论jQuery的API设计模式,帮助...

    CSSACCP6.0 HTML 第6章 课堂练习 及答案

    总之,"CSSACCP6.0 HTML 第6章 课堂练习 及答案"涵盖了HTML的基础知识,包括文档结构、文本和图像处理、列表和表格的创建、表单设计以及响应式布局的概念。通过这些练习,学生将能够创建功能完备、结构清晰的HTML...

    Javascript权威编程指南第六版(高清英文版)

    - **第6章:错误处理**:介绍了错误处理机制,如`try...catch`语句。 - **第7章:函数**:深入探讨了函数的各种高级特性,如闭包、递归等。 - **第8章:对象**:全面解析了内置对象,如`Array`、`Date`等。 ##### 3...

    读书笔记: JavaWeb从入门到精通 第13章: Ajax 技术

    在本篇【读书笔记: JavaWeb从入门到精通 第13章: Ajax 技术】中,我们将深入探讨Ajax(Asynchronous JavaScript and XML)技术,它是现代Web开发中不可或缺的一部分,用于实现页面的异步更新,提升用户体验。...

Global site tag (gtag.js) - Google Analytics