在input标签⾥⾯⽐较常⽤的type属性以及⽤法关于<input>标签
<input>标签在HTML代码⾥⾯本⾝是空的,也就是说单独调⽤<input>标签是没有任何作⽤的,⽽<input>标签常⽤的属性就是type,⽽type这个属性也拥有着很多属性,这篇⽂章主要是介绍⼀下type属性常⽤的⼀些属性。
常⽤的type属性
纯⽂本内容  <input type="text" >
密码纯⽂本内容  <input type="password">
提交按钮  <input type="submit">
单选框      <input type="radio">
多选框      <input type="checkbox">
⽐较常⽤的也就是上⾯这⼏种type属性。
text 和 password  的区别
text 和 password  实际上是⼀模⼀样的,他们全部是代表纯⽂本内容属性,text 属性并不会对输⼊框内的⽂本内容进⾏隐藏,
⽽ password 属性却会对输⼊框内的⽂本内容进⾏隐藏保护,password 属性⼀般⽤于密码输⼊框。
submit 属性的作⽤
submit 属性的作⽤就是把它所在的表单⾥⾯的内容提交给服务器
在单个表单⾥⾯正常情况下只会出现⼀次 submit属性。
radio 属性的介绍以及代码的写法
radio 属性的介绍
radio 属性代表的是单选框,我们在注册账号的时候,
⼀般的话都有⼀个选择性别的选项,⽽这个选项是单选的,
这钟选择框就是单选框,也就是<input>标签通过type调⽤ radio 属性所达到的效果
效果演⽰:
请选择你的性别:
男⼥保密
代码的写法:
Markup
<form>    请选择你的性别<br/>
<input type="radio" name="x"">男
<input type="radio" name="x" >⼥
<input type="radio" name="x">保密
</form>
checkbox 属性的介绍以及代码的写法
checkbox 属性的介绍:
checkbox 属性代表的是多选框,在很多⽹页⾥⾯也是可以看到的,例如选择兴趣爱好,很多⼈不⽌⼀种兴趣爱好,⽽这个时候就会⽤到checkbox属性来制作⼀个多选框,写法和单选框radio属性⼀样的。
htmlradio多选怎么用演⽰效果:
你有哪些兴趣爱好?
书法篮球⾜球
代码的写法:
Markup
<form>    你有哪些兴趣爱好?<br />
<input type="checkbox" name="x">书法
<input type="checkbox" name="x">篮球
<input type="checkbox" name="x">⾜球
</form>
后记
单选框和多选框的前提是他们的选项是在同⼀个组,我们可以通过 name 属性来设置⼀个组。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。