下面看我给你演示一下,这行代码的效果:
代码是完全复制的,效果是有改变的,
没有明显感觉到差异吗?那我吧input的行高改成200,行宽改成200看下
从上面两个实例
,我们可以看到你这行代码是没有问题的,题主可以把代码单独复制出来,编译即可看到效果,如果单独的效果有改变,那么需要进一步检查其他代码有没有问题,
如果有需要可以追问哦
input:
<input>
标签规定用户可输入数据的输入字段。
根据不同的
type
属性,输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等
1、首先新建一个html文件,命名为test.html,使用script标签在当前页面引入jquery.min.js文件,成功加载该文件,才能使用jquery的方法。
2、在test.html文件中,在p标签内,使用input标签创建两个type类型为radio的选项,分别为选项一,选项二。
3、在test.html文件中,使用button标签创建一个按钮,按钮名称为“取值”。
4、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行getradio()函数。
5、在js标签内,创建getradio()函数,在函数内,通过input元素名称获得已选中的input对象, 再使用val()方法获得input的value内容,即radio的值,将值使用alert()方法输出。
6、最后在浏览器打开test.html文件,选择选项,点击按钮,查看获得的值。
对按钮增加属性
style="width:100pxheight:100px 即宽高各100像素。
实例:
<input type="radio" name="radiobutton" value="radiobutton" style="width:100pxheight:100px">