表单笔记

251 阅读1分钟

表单

基本语法

<form>
    表单元素
</form>

表单元素:文本域、单选框、复选框、按钮、列表……

注:<form></form>仅显示在代码中。

表单元素标签

<input>标签

在需要输入框的位置输入 <input type="" name="" ……/>

  • 单行文本域
<form>
    <input type="text" name="" ……/>
</form>

  • 多行文本域
<textarea name="" rows="" cols=""……>
    内容
</textarea>

单选框

<form>
    <input type="radio" name="" value="" checked />
</form>

复选框

<form>
    <input type="checkbox" name="" value="" checked />
</form>

按钮

<input type="button" name="" value="" checked />
<input type="submit" name="" value="" checked />
<input type="reset" name="" value="" checked />

图像域(以图形为样式的提交按钮)

<input type="image" name="" src="imageurl" />

隐藏域

<input type="hidden" name="" value="" />

下拉菜单和列表标签

<select>
    <option value="" >选项内容<option>
</select>

下拉菜单分组

<select name="">
    <optgroup label="1">
    <option value="" >选项内容<option>
    <option value="" >选项内容<option>
    </optgroup>
    <optgroup label="2">
    <option value="" >选项内容<option>
    <option value="" >选项内容<option>
    </optgroup>
</select>

与服务器