首页 > 代码库 > 表单元素
表单元素
表单元素
让用户填写内容，与用户进行交互
<input/>是单标签元素 元素分为：
一 文本类
1 <input type(类型)="text" 出现文本框 name="可以表单元素取名" value(值)=“随便添加”/>
2 <input type="password(变成了隐藏) name="名字" value=http://www.mamicode.com/“值”/>
3 <input type="hidden(隐藏域) name="...." value="http://www.mamicode.com/....."/> ←注： 这个是特殊的，比如说数据不想让客户看到，但又是重要数据，又要提交，就可以用这个代码
4 文本域 <textarea></textarea>
<textarea name="....">非常大区域内容较多，例如小说！用户输入</textarea>
二 按钮类
1 <input type="button(按钮)" value="http://www.mamicode.com/显示的文字" (name=""用的不多...)/>
2 <input type="submit(提交按钮 提交数据)" value="http://www.mamicode.com/重置"/>
3 <input type="image(图片) src=http://www.mamicode.com/(浏览器中搜寻)"/>
三 选择输入类
1 单选按钮
<br/>
<input type="redio(单选按钮)"/> name="任意设置" value=http://www.mamicode.com/“男”/>男
↑(以此类推)
2 多选按钮
<input type="checkbox(复选框)” name="例如：爱好" value="http://www.mamicode.com/玩"/>玩
↑(以此类推)
3 下拉列表
<select name="mz">
<option value="http://www.mamicode.com/设置名">内容</option>
↑(以此类推)
4 选择文件(上传文件)
<input type="file"(变成文字选择) name="file"/>
还有一些属性如果添加会出现的效果
<input readonly(当输入这个单词的时候只能看不能写)type="text" name="zq" value=http://www.mamicode.com/“zq”/>
disabled(当输入这个单词的时候不可用提交不了)type="text" name="zq" value=http://www.mamicode.com/“zq”/>
hidden(当输入这个单词的时候，起到了隐藏的作用)type="text" name="zq" value=http://www.mamicode.com/“zq”/>
checked(默认选中)
selected(默认下拉列表做选中)
<body> <input type="text" name="zq" value="zq" /> <input type="password" name="zq" value="你好"/> <input type="hidden" name="zq" value="再见"/> <textarea name="zq">再见</textarea> <input type="button" value="登陆" name="" /> <input type="submit" value="提交"/> <input type="reset" value="重置"/> <input type="image" src="图片/42381447180350623.jpg"/> <br /> <input type="radio" name="sex" value="男"/>男 <input type="radio" name="sex" value="女"/>女 <input type="checkbox" name="爱好" value="玩"/>玩 <input type="checkbox" name="爱好" value="看书"/>看书 <input type="checkbox" name="爱好" value="运动"/>运动 <select name="zq"> <option value="noo1">汉族</option> <option value="noo2">回族</option> <option value="noo3">彝族</option> </select> <input type="file" name="file"/> </body>
一早上的知识量需要融会贯通的反复练习！！！！！！
表单元素