• HTML5中表单的创建


    一、常用表单标签如下:

     (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)实现效果

      

    6、文本框的使用

        (1)主要代码

          <textarea cols="10" rows="15">在此输入文字</textarea>

        (2)实现效果

  • 相关阅读:
    数据库备份与还原
    启明星产品与微软Active Directory活动目录集成说明
    启明星请假系统里,计算工作日的实现
    启明星会议室预定系统Outlook版开始支持Exchange2013与Office365版
    Jquery Mobile实例--利用优酷JSON接口读取视频数据
    高性能且线程安全的两种格式化日期方式
    将数列唯一值化后再求中值的效率比较 第一方案胜出,加索引后在近两百万数据中查出中值耗时0.176秒
    Oracle WITH 语句 语法
    新三种求数列中值SQL之效率再比拼
    rank,dense_rank和row_number函数区别
  • 原文地址:https://www.cnblogs.com/jasmine-95/p/4978143.html
Copyright © 2020-2023  润新知