HTML表单的使用

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

  • 输入,多数情况下被用到的表单标签是输入标签<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>    定义一个按钮
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值