码迷,mamicode.com
首页 > 其他好文 > 详细

一、常用表单标签如下:

时间:2015-11-22 21:46:56      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:

一、常用表单标签如下:

 (1)<input>中的“type”属性:

   复选框-checkbox;单选按钮-radio;按钮-button;提交-submit;

(2)文本域

  行-cols;列-rows;

  

<form> 表单
<input> 输入域
<textarea> 文本域
<label> 控制标签
<fieldset> 定义域
<legend> 域的标题
<select> 选择列表
<optgroup> 选项组
<option> 下拉列表中的选项
<button> 按钮

 二、常见表单标签的应用

  1、输入用户名以及密码表单的制作

    (1)主要代码:

        <form>               用户名:<input type="text" />                 密码:<input type="password" />                 <br />          </form>

    (2)实现效果:

技术分享

 

  2、复选框的使用:

    (1)主要代码:

     <form>             你喜欢的水果有?<br />             苹果<input type="checkbox" />             西红柿<input type="checkbox" />             香蕉<input type="checkbox" />             菠萝<input type="checkbox" />      </form>

    (2)实现效果:

技术分享

 

  3、单选按钮的使用:

    (1)主要代码:

      <form>

       请选择您的性别:             男<input type="radio"  name="sex"/>             女<input type="radio" name="sex"/>       </form>

    (2)实现效果:

 技术分享

  4、下拉列表的使用

    (1)主要代码

      <form>

         <select>                 <option>www.baidu.com</option>                   <option>www.jikexueyuan.com</option>                   <option>www.google.com</option>               </select>

      </form>

    (2)实现效果

 技术分享

  5、按钮的使用

    (1)主要代码

      <form>

       <input type="button" value="按钮" /><br />     //“value”用来定义按钮上面的值             <input type="submit" /> <br />             <input type="reset" /><br /><br />        //”reset“用来重置表单里的内容        </form>

    (2)实现效果

技术分享

  

 

一、常用表单标签如下:

标签:

原文地址:http://www.cnblogs.com/123936nimen-/p/4986705.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!