表单创建目录
前言
何为表单?
表单在网页中主要负责数据采集功能。
一个表单有三个基本组成部分: 表单标签,表单域和 表单按钮。
举个简单的例子:填写每日一报等收集信息的表单,处理表单数据会用到CGI程序的URL以及数据提交到服务器的方法 ;当我们选择选项时可能会触及文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和必填文本框等;而当我们提交时会有提交按钮。
【1】创建文本输入框
- 需求:输入文字
- 实现:使用input标签创建文本输入框
input 解析:
input是自结束标签,它的工作方式相当程度上取决于type属性的值。如果未指定此属性,则采用的默认类型为 text,即文字输入形式。其他类型在接下来的步骤讲解。
- 代码:
<p>你今天测量的体温是多少?<font color=red>(必填)</font></p>
<input type="text">
- 效果:
【2】将占位文本添加到文本框
- 需求:在输入框中显示文字
- 实现:placeholder类型
placeholder 解析
placeholder可以选择一个表单元素的占位文本,它允许开发者和设计师自定义占位文本的样式。可以在用户输入前显示,起提示作用。
- 代码:
<p>你今天测量的体温是多少?<font color=red>(必填)</font></p>
<input type="text" placeholder="最多填写4字,最少填写2字">
- 效果:
【3】创建一个表单元素
- 需求: 构建只使用纯HTML将数据提交到服务器的Web表单
- 实现:用action 来指定表单处理程序的位置(url)