html表单

Posted 2020-06-23

                HTML表单

1.表单用与获取不同类型的用户输入

2.常用表单标签

<form>  表单

<input> 输入域

<textarea> 文本域

<label>控制标签

<fieldend>定义域

<legend>域的标题

<select>选择列表

<optgroup>选项组

<option>下拉列表中的选项

<button>按钮

<form action="#">
    用户名<input type="text"/>
    密码 <input type="password"/>

    西瓜 <input type="checkbox"/>
    菊花 <input type="checkbox"/>     复选框
    木瓜 <input type="checkbox"/>

 男 <input type="radio" name="sex"/>     如果name 值不同就不会成为单选

女 <input type="radio" name="sex"/>

 

 

 

 

<select name="XXX" id="XXX">

    <option value="XX">天使</option>         下拉表单    name为后台用，id为前端用

    <option value="XX">恶魔</option>

</select>

<input type="button" value="按钮"/>       设置按钮

  <input type="submit" value="XX"/>          设置提交按钮   ,xx为按钮名字

 

</form>

 

<textarea name="xx" id="xx" cols="30" rows="10">请输入你的内容</textarea>    文本域