HTML表单的使用

来源:互联网 发布:js中event对象 编辑:程序博客网 时间:2024/05/17 04:03

表单的定义:表单是一个包含表单元素的区域。 表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复 选框等等)输入信息的元素。表单使用表单标签()定义。
表单的用法

  • 输入,多数情况下被用到的表单标签是输入标签<input>。输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:
 <form>    账号:<input type="text"><br/>    密码:<input type="text"><br/></form>
  • 多项选择 , 关键字是”checkbox”,代码如下:
    你喜欢的水果有:
  apple<input type ="checkbox"><br/>  banana<input type="checkbox"><br/>  orange<input type="checkbox"><br/>
  • 单项选择,关键字是“radio”,代码如下
  please select your sex:<br/>  boy<input type="radio" name="sex">  girl<input type="radio" name="sex">
  • 下拉菜单,关键字是“select”,和“option”,代码如下:
 请您选择您的年级 <select>      <option>大一</option>      <option>大二</option>      <option>大三</option>  </select>
  • 文本域,关键字为“textarea”,在 HTML 页面创建文本域,用户可以在文本域中写入文本。代码如下:
 <form>  <textarea cols="60", rols="60">请输入你的个人详细信息</textarea></form>
  • 按钮,关键字为“button”,代码如下:
   <input type="button" value="提交">
表单标签标签          描述<form>      定义供用户输入的表单<input>     定义输入域<textarea>  定义文本域 (一个多行的输入控件)<label>     定义一个控制的标签<fieldset>  定义域<legend>    定义域的标题<select>    定义一个选择列表<optgroup>  定义选项组<option>    定义下拉列表中的选项<button>    定义一个按钮
0 0
原创粉丝点击