• 表单


    form标签中必须指定一个action属性,该属性指向的是一个服务器的地址
              当我们提交表单时,将会提交到action 属性对应的地址
                在html中还为我们提供可一个标签,专门用来选中表单中的提示文字的 label 标签
                该标签可以指定一个  for  属性,该属性的值需要指定一个表单项的 id 值
              <form action=" index.html " >  // 没有服务器地址可以先提交到另外一个页面,通过网址查看提交的内容
                <label for='um'>用户名:</label><input type='text'   name='username'   id=' um '   />
                <label for='pwd'>密码:<label><input type='password'    name='password' id=' pwd '  />
                单选框:<input  type='radio'  name='gender'  value='man'  id='man' /><label for='man'>男</label>
                    <input  type='radio'  name='gender'  value='woman' id='woman' /><label for='woman'>女</label>
                <!--
                  使用select 来创建一个下拉列表,下拉列表的 name 属性需要指定给select,而 value属性需要制定给option
                  可以通过在 option 中添加selected=‘selected’ 来将选项设置为默认选中
                    在select 中可以使用 optgroup 对选项进行分组,同一个 optgroup 中的选项是一组
                    可以通过 label 属性指定分组的名字
                -->
                <!--
                  在表单中可以使用fieldset 来为表单项进行分组,可以将表单项中的同一组放到一个 fieldset 中
                  在 fieldset 可以使用 legend 子标签,来指定组名
                -->
                <fieldset>
                  <legend>喜欢的明星</legend>
                  <select  name=' star '>
                    <optgroup  label='女明星'>
                      <option  value='fbb'>范冰冰</option>
                      <option  value='lxr'>林心如</option
                    </optgroup>
                    <optgroup  label='男明星'>
                      <option  value='ldh'>刘德华</option>
                      <option  value='zjl'>周杰伦</option>
                    </optgroup>
                  </select>
                </fieldset>
                <input  type='submit'  value='注册'  />
                <input  type='reset'   value='重置' />
              </form>
    

      

  • 相关阅读:
    【C/C++】qsort函数的使用方法和细节
    MOOC C++笔记(五):继承
    MOOC 数据库系统笔记(二):数据库系统的基本结构及其演变发展
    PTA A1015
    MOOC 数据库系统笔记(一):初步认识数据库系统
    PTA A1014
    MOOC C++笔记(四):运算符重载
    PTA A1013
    PTA A1011&A1012
    1.1.22 同样的文档,行数不一样
  • 原文地址:https://www.cnblogs.com/qtbb/p/11381113.html
Copyright © 2020-2023  润新知