html中<input> 默认值的样式如何设置

html-css011

html中<input> 默认值的样式如何设置,第1张

html中<input>默认值的样式设置:

修改隐式的显示文字默认值。可以使用(input::-webkit-input-placeholder{color:#0F0})。

修改后默认的灰色的字体颜色会变为自行设置的绿色。

修改用户输入时文字默认值。可以使用(input{color:#CF0})。

拓展资料:

input{

font-size:1.4em设置输入框中字体的大小

height:2.7em设置输入框的高度

border-radius:10px设置输入框的圆角的大小

border:1px solid #c8cccf设置输入框边框的粗细和颜色

color:#986655设置输入框中文字的颜色

outline:0将输入框点击的时候出现的边框去掉

text-align:center设置输入框中文字的位置

display:block将输入框设置为块级元素

}

设置input的属性值value=“默认值”就可以,value 属性规定 <input>元素的值,如果不设置值,则不显示。代码如下:

<input type="text" name="firstname" value="Mickey"><br>

<input type="text" name="lastname" value="Mouse">

效果图:

扩展资料

value 属性为 input 元素设定值。对于不同的输入类型,value 属性的用法也不同:

1、type="button", "reset", "submit" - 定义按钮上的显示的文本。

2、type="text", "password", "hidden" - 定义输入字段的初始值。

3、type="checkbox", "radio", "image" - 定义与输入相关联的值。

参考资料:W3C官网-Input标签

1.document.getElementById("name1").value="你改了我也没有用"。

}

</script>

2.//这种是可以改的,只不过当焦点离开以后通过js又改回去了.你只要把写汉字的两个地方换成你自己的value就可以了。

3.刚看了你对楼上的追问,发现我这两种方法也不行,要不你这样写吧!

<input value="dfdf" readonly="true" />rea