如下css可以实现文本框(单行、多行)的圆角: input[type=text],textarea{border-radius:3px;border:1px solid #000;} border-radius用法如下: border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性。该属性允许为元素添加圆角边框 语法: border-radius: 1-4 length|% / 1-4 length|%; 按此顺序设置每个 radius 的四个值。如果省略 bottom-left,则与 top-right 相同。如果省略 bottom-right,则与 top-left 相同。如果省略 top-right,则与 top-left 相同。单位一般用px和百分比较多,其他单位也可
html如何设置单行文本框圆角为正方形?
p{border-top-left-radius: 4px;//左上border-top-right-radius: 4px;//右上border-bottom-left-radius: 4px;//左下border-bottom-right-radius: 4px;//右下}下面为简写:
p{border-radius: 4px 0px 0px 0px ;//分别对应的左上 右上 右下 左下(顺时针记就对了)}
CSS技术实现网页滑动门效果?
所谓滑动门技术,就是标签像一个滑动门一样,可以根据内容的大小自由滑动。下面通过一个图片来说明其原理:
这种技术几年前用的比较多,那时候设计风格还不是现在这种扁平化。
当然现在扁平化也可以使用这种技术,只是用的人越来越少了。
像圆角之类的css3就可以实现, 除非那种特殊的的形状。
原理就是这样,你自己动手做一遍吧,有问题欢迎交流,也可以自行百度。
html的操作要领?
1、html文本框怎么用css变圆角
border-radius属性可以实现元素的圆角。如下css可以实现文本框(单行、多行)的圆角:
input[type=text],textarea{border-radius:3px;border:1px solid #000;}
border-radius用法如下:
border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性。
该属性允许为元素添加圆角边框
语法:
border-radius: 1-4 length|% / 1-4 length|%;
按此顺序设置每个 radius 的四个值。
如果省略 bottom-left,则与 top-right 相同。
如果省略 bottom-right,则与 top-left 相同。
如果省略 top-right,则与 top-left 相同。
单位一般用px和百分比较多,其他单位也可
2、HTML中如何设置文本框的大小
边框的大小,可以使用CSS样式控制,如:
<textarea >content</textarea>
<style type="text/css">
#txtCon{width:100px; height:20px;}
</style>
1
2
3
4
1
2
3
4
也可以使用文本框自己的属性,定义文本框的行和列控制大小,如:
<textarea rows="100" cols="100" >content</textarea>
1
1
3、在html中如何实现将本网页中文本框中的值传递到另一个网页的用户名密码框中,并实现登陆
在html网页中,一个按钮,两个文本框,在
页面必须是跳转过去的才行。例如另一个页面是page.html那么你跳转的时候 page.html?username=tony&password=123 跳转到这个地址,
然后到另一个页面的时候在脚本里面写
<SCRIPT language=JavaScript>
var url = window.location.href;
1
2
1
2
然后var username = url.split("?")[1].split("&")[0].split("=")[1] //这样就获取到用户名了。
var password = url.split("&")[1].split("=")[1];
1
1
然后把值赋给你的密码文本框
document.getElementById("txtpassword").value = password;
document.getElementById("txtusername").value=username;
< /SCRIPT>
1
2
3
1
2
3
然后验证用户名和密码就可以了。
4、HTML中让表单input等文本框为只读不可编辑的方法
有时候,大家希望表单中的文本框是只读的,让用户不能修改其中的信息,如使<input type="text" name="input1" value="中国"> 的内容,"中国"两个字不可以修改。实现的方式归纳一下,有如下几种。
方法1: οnfοcus=this.blur() 当鼠标放不上就离开焦点
<input type="text" name="input1" value="中国" onfocus=this.blur()>
1
1
方法2:readonly
<input type="text" name="input1" value="中国" readonly>
<input type="text" name="input1" value="中国" readonly="true">
1
2
1
2
方法3: disabled
<input type="text" name="input1" value="中国" disabled="true">
1
1
完整的例子:
<input name="ly_qq" type="text" tabindex="2" onMouseOver="this.className=input_1\" onMouseOut="this.className=input_2\" value="123456789" disabled="true" readOnly="true" />
1
1
disabled=“true” 此果文字会变成灰色,不可编辑。
readOnly=“true” 文字不会变色,也是不可编辑的
css屏蔽输入:
<input>
1
1
有两种方法第一:disabled="disabled"这样定义之后被禁用的 input 元素既不可用,也不可点击。第二:readonly=“readonly” 只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本;
如果觉得《css3选择器与圆角 怎样用css把文本框变成圆角 – CSS – 前端 css a 点击》对你有帮助,请点赞、收藏,并留下你的观点哦!