一、表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
<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 | 规定下拉列表中可见选项的数目。 |
相关推荐
本章主要聚焦于"表单元素"这一主题,结合源码分析和工具应用,深入探讨如何有效地创建和管理网页表单。 表单元素通常包括输入框(input)、文本区域(textarea)、下拉菜单(select)、复选框(checkbox)、单选...
在本章“第10章 表单元素[下]”中,我们将深入探讨HTML表单元素的更多细节,这些元素是网页交互性的重要组成部分。HTML表单用于收集用户输入,如登录信息、搜索查询、注册数据等。下面将详细介绍一些关键的表单元素...
7. **其他表单元素**: - 表单还包含各种其他元素,如`<select>`(下拉列表)、`<input type="radio">`(单选按钮)、`<input type="checkbox">`(复选框)等,它们都有相应的属性和方法供JavaScript访问和操作。 ...
- **第6章:HTML元素上下文**:探讨了HTML5中新增的各种元素,以及它们如何更好地表达网页内容的意义和结构。例如,`<section>`、`<article>`等语义化标签被详细介绍。 - **第7章:创建HTML文档**:指导如何组织HTML...
- **第6章:数学表达式:不熟悉的运算符** —— 介绍取模、指数等高级运算符。 - **第7章:消除数学表达式的歧义** —— 使用括号来控制运算优先级。 - **第8章:连接文本字符串** —— 学习如何将多个字符串合并...
HTML5中的表单元素是构建用户交互界面的重要组成部分,尤其input元素及其type属性在收集用户信息方面扮演着核心角色。在本章中,我们将深入学习HTML5表单中input元素的type属性,这个属性可以定义不同的输入控件类型...
在本《DW CS6中文版零基础自学视频教程第09章 创建表单 9节》中,我们将深入探讨如何使用Adobe Dreamweaver CS6这一强大的网页设计工具来创建功能完善的网页表单。Dreamweaver CS6是设计师和开发者常用的可视化编辑...
本章主要涵盖了三个关键知识点:表单介绍、文本框脚本和选择框脚本。 一、表单介绍 HTML中的表单是通过`<form>`元素创建的,而在JavaScript中,表单与HTMLFormElement类关联。HTMLFormElement类继承自HTMLElement,...
3. 使用` `换行,`<p>`定义段落,或者CSS布局(如Flexbox或Grid)来控制表单元素的排版。 六、表单处理 在服务器端,可以使用各种编程语言(如PHP、Python、Java等)来处理表单提交的数据。通常,这些数据会通过...
在“S2-3使用JavaScript增强交互效果第四章到第六章”这个主题中,我们可以深入探讨JavaScript在网页交互中的核心应用。 第四章:JavaScript基础与DOM操作 在这一章,我们将学习JavaScript的基础语法,包括变量、...
第05章:Servlet与JSP核心技术课程--5、处理表单数据-处理表单数据(1).rmvb 第05章:Servlet与JSP核心技术课程--5、处理表单数据-处理表单数据(2).rmvb 第06章:Servlet与JSP核心技术课程--6、http请求报头-http请求...
第6章:使用网格和CSS渐变进行内容格式化。介绍了如何使用网格系统和CSS特性来设计响应式布局。 第7章:创建可定制的设计。展示了如何利用jQuery Mobile的主题机制来创建统一的外观和风格。 第8章:jQuery Mobile ...
5. **标准表单元素辅助函数**: 除了基本的`form_tag()`,Symfony还提供了如`input_tag()`、`textarea_tag()`、`checkbox_tag()`和`radiobutton_tag()`等辅助函数,用于快速生成输入框、文本域、复选框和单选按钮等...
- **第6章:扩展Prototype** 教授如何自定义和扩展Prototype的功能。 - **第二部分:Yahoo! User Interface Library (YUI)** - **第7章:使用YUI遍历和操作DOM** 介绍如何使用YUI库来高效地遍历和操作DOM树。...
第6章:jQuery插件和扩展 最后,这一章会介绍如何利用jQuery的插件系统扩展其功能。将学习如何创建和使用自定义插件,以及如何利用现有的jQuery社区插件增强网站的功能。此外,还将讨论jQuery的API设计模式,帮助...
总之,"CSSACCP6.0 HTML 第6章 课堂练习 及答案"涵盖了HTML的基础知识,包括文档结构、文本和图像处理、列表和表格的创建、表单设计以及响应式布局的概念。通过这些练习,学生将能够创建功能完备、结构清晰的HTML...
- **第6章:错误处理**:介绍了错误处理机制,如`try...catch`语句。 - **第7章:函数**:深入探讨了函数的各种高级特性,如闭包、递归等。 - **第8章:对象**:全面解析了内置对象,如`Array`、`Date`等。 ##### 3...
在本篇【读书笔记: JavaWeb从入门到精通 第13章: Ajax 技术】中,我们将深入探讨Ajax(Asynchronous JavaScript and XML)技术,它是现代Web开发中不可或缺的一部分,用于实现页面的异步更新,提升用户体验。...