css基础---表单

css表单

设置默认选中

设置默认选中
    如果希望在单选按钮或者多选框中默认选择的按钮指定默认选中的选项
    则可以在希望选中的项中添加checked=”checked”属性
    下拉列表中则使用selected=”selected”属性

按钮

  1. 提交按钮

     submit
    
  2. 重置按钮

    reset
    
  3. 按钮

    button  没有任何功能  一般都是结合js使用  
    
  4. 单选按钮

    radio       相关联的单选按钮 name属性需要一致 同样需要设置value
    
  5. 多选按钮

    checkbox  与单选按钮类似
    
  6. 下拉列表

    下拉列表中如果在select添加一个`multiple=”multiple”`,则下拉列表变为一个多选的下拉列表
        下拉列表中可以通过`<optgroup><optgroup/>`对选项进行分组
         同一个`optgroup`中的选项是一组
         可以通过`label`属性来指定分组的名字
    
  7. 文本域

    <textarea></textarea>也有name属性

其他

  1. 除了使用input,也可以使用button来创建按钮

    <button type=”submit”>提交</button>
    
  2. 可以将提示文字加入到一个label标签中

    `<label for=”id”>姓名</lable>`
    需要为服务的按钮或者文本框添加一个id 这样可以通过点击文字达到点击按钮的效果
    
  3. 可以通过fieldset进行分组 通过legead设置分组描述
    会添加一个框
    例:

    <fieldset>
    <legend>这里输入的文字会出现在框的左上角</legend>
    </fieldset>

猜你喜欢

转载自blog.csdn.net/kj981102/article/details/81974199