表单元素
表单元素
让用户填写内容,与用户进行交互
<input/>是单标签元素 元素分为:
一 文本类
1 <input type(类型)="text" 出现文本框 name="可以表单元素取名" value(值)=“随便添加”/>
2 <input type="password(变成了隐藏) name="名字" value=“值”/>
3 <input type="hidden(隐藏域) name="...." value="....."/> ←注: 这个是特殊的,比如说数据不想让客户看到,但又是重要数据,又要提交,就可以用这个代码
4 文本域 <textarea></textarea>
<textarea name="....">非常大区域内容较多,例如小说!用户输入</textarea>
二 按钮类
1 <input type="button(按钮)" value="显示的文字" (name=""用的不多...)/>
2 <input type="submit(提交按钮 提交数据)" value="重置"/>
3 <input type="image(图片) src=(浏览器中搜寻)"/>
三 选择输入类
1 单选按钮
<br/>
<input type="redio(单选按钮)"/> name="任意设置" value=“男”/>男
↑(以此类推)
2 多选按钮
<input type="checkbox(复选框)” name="例如:爱好" value="玩"/>玩
↑(以此类推)
3 下拉列表
<select name="mz">
<option value="设置名">内容</option>
↑(以此类推)
4 选择文件(上传文件)
<input type="file"(变成文字选择) name="file"/>
还有一些属性如果添加会出现的效果
<input readonly(当输入这个单词的时候只能看不能写)type="text" name="zq" value=“zq”/>
disabled(当输入这个单词的时候不可用提交不了)type="text" name="zq" value=“zq”/>
hidden(当输入这个单词的时候,起到了隐藏的作用)type="text" name="zq" value=“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>
一早上的知识量需要融会贯通的反复练习!!!!!!