css---表单

1.基础用法

  <from action="#">-----------所以表单标签必须在<from>中使用------action：把表单提交到“#”处理

    <input>------基本框架

     <form acton="%">

        账户：<input type="text" name="a" maxlength="18"><br/>

        密码：<input type="password" name="b" maxlength="16"><br/>

               </form>

  表单所有的input必须加name=""

  value在用户密码之类默认是用户填写的东西，可以不写

  Maxlength-------最大长度(其他元素也能用）

  readonly--只读

  disable------禁用(整个表单）

2.单选 

      性别：<input type="radio" name="c" value="男">男

         <input type="radio" name="c" value="女" checked="女">女<br/>

 name的值必须一样，表示两个选项是一组的，只能选一个

 checked-------默认选择

 

3.多选

        爱好：<input type="checkbox" name="d" value="o">抽烟

         <input type="checkbox" name="d" value="o">喝酒

         <input type="checkbox" name="d" value="o">烫头<br/>

多选中必须有value，且name仍然相同

 

4.label

     -------扩大选择（有效点击范围）---文字区域

  法一：

       <label for="sing">爱唱歌</label><input type="checkbox" name="love" id="sing">

  法二：

       <label> 爱跳舞<input type="checkbox" name="love" id=""></label>

   

 

5.多选项选择

               籍贯：<select name="f" id="g" >

            <option value="广东省" selected>广东省</option>

            <option value="四川省" >四川省</option>

            <option value="云南省">云南省</option>

            </select><br/>

Selected-----默认选中

Multiple-----展示所有选项

 

6.文本输入

       其他:<textarea name="e" cols="20" rows="3"></textarea><br/>

     网页内可收缩拖拽

     maxlength-----最大长度快速笔记

 

7.上传文件

 <input type="file" name="wenjian" id="" multiple>

  只可以选择一个文件上传

 

8.其他属性

                   <input type="button" name="" id="">--------普通按键

                   <input type="submit" value="tijaio">---------提交

        <input type="email" name="number" id="">

        <input type="date" name="" id="">

        <input type="time" name="" id="">

        <input type="color" name="" id="">

Placeholder=“”------提示词

Autocomplete="off/on"-------提交后恢复默认