首页 > 代码库 > 表单元素

表单元素

<!-- 除了按钮之外 必须写name按钮类 必须写value --> !!

action:提交给哪个网页         method:数据提交的方法   1.get  显式提交,有长度限制。   2.post  隐式提交。
<!-- -->
<form action="../aa.html" method="get" >

<!-- 文本框 -->
<input type="text" name="文本" value="http://www.mamicode.com/文本框"/>

<!-- 密码框 -->
<input type="password" name="密码" value="http://www.mamicode.com/密码框"/>

<!-- 隐藏域 -->
<input type="hidden" name="隐藏域" value="http://www.mamicode.com/隐藏域"/>

<!-- 文本域 用于多行文本 双标签 -->
<textarea name="xq">文本域</textarea>


<!-- 普通按钮 -->
<input type="button" value="http://www.mamicode.com/登录" />
<!-- 提交按钮 -->
<input type="submit" value="http://www.mamicode.com/提交" />
<!-- 重置按钮 -->
<input type="reset" value="http://www.mamicode.com/重置" />
<!-- 图片 提交按钮 -->
<input type="image" value="http://www.mamicode.com/提交" src="http://www.mamicode.com/插入的图片" />



<!-- 单选按钮:type="radio" name值相同单选,name值不同能形成多选-->
<input type="radio" name="sex" value="http://www.mamicode.com/该项的值"/>1.该项的值
<input type="radio" name="sex" value="http://www.mamicode.com/该项的值"/>2.该项的值
<input type="radio" name="sex" value="http://www.mamicode.com/该项的值"/>3.该项的值
<input type="radio" name="sex" value="http://www.mamicode.com/该项的值"/>4.该项的值


<!-- 多选按钮: type="checkbox" -->
<input type="checkbox" name="aihao" value="http://www.mamicode.com/1"/>1.
<input type="checkbox" name="aihao" value="http://www.mamicode.com/2"/>2.
<input type="checkbox" name="aihao" value="http://www.mamicode.com/3"/>3.
<input type="checkbox" name="aihao" value="http://www.mamicode.com/4"/>4.

<!-- 下拉列表 -->
<select name="shuzi">
<option value="http://www.mamicode.com/1">1</option>
<option value="http://www.mamicode.com/2">2</option>
<option value="http://www.mamicode.com/3">3</option>
</select>

<!-- 选取文件 文件上传 type="file" -->
<input type="file" name="file" />

<!-- 做默认选中 用作单选 多选选中 -->
<input type="radio" name="sex" value="http://www.mamicode.com/男" checked="checked" />男
<input type="radio" name="sex" value="http://www.mamicode.com/女" /> 女

<input type="checkbox" checked="checked" name="aihao" value="http://www.mamicode.com/玩" /> 玩
<input type="checkbox" name="aihao" value="http://www.mamicode.com/看书" />看书

<!-- 在下拉裂变中做默认选中 -->
<select name="字母">
<option value="http://www.mamicode.com/A">A</option>
<option selected="selected" nvalue="http://www.mamicode.com/B">B</option>
<option value="http://www.mamicode.com/C">C</option>
</select>
</form>

表单元素