|
本篇文章主要的讲述了HTML表单的边框加颜色，可以更改任何你想要的颜色都可以，有实例解析，方便观看，接下来让我们一起来看看这篇关于HTML表单的边框颜色的文章吧
首先我们说的是表单的边框怎么添加颜色？
<input>标签用于搜集用户信息。根据不同的type属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
提示：在 HTML 中，<input> 标签没有结束标签；在 XHTML 中，<input> 标签必须被正确地关闭。
提示：请使用 label 元素为某个表单控件定义标签。
先来看一个HTML表单边框的使用实例：
<form action="form_action.asp" method="get">
请输用户名: <input type="text" name="fname" /></br>
重复用户名: <input type="text" name="lname" /></br>
<input type="submit" value="提交" />
</form>
这个在浏览器中显示的效果为：
这个效果相信我们在很多时候都见过，也用过不少次。
这是还没加入边框的，现在说说怎么加边框：
我们这篇文章用的是css样式来设置边框线，比如添加这样样式：
<style>
form{
border: 3px solid red;
}
</style>
里面的效果就出来，我们一起把全部的代码都敲出来吧：
<html>
<head>
<style>
form{
border: 3px solid red;
}
</style>
</head>
<form action="form_action.asp" method="get">
请输用户名: <input type="text" name="fname" /></br>
重复用户名: <input type="text" name="lname" /></br>
<input type="submit" value="提交" />
</form>
</html>
现在来看看效果，有没有3像素的边框：
如图，添加了三个像素的红色边框把表单都包裹起来了，这个代码是不是也很简单，这个我们就要可以用来调整边框线的颜色啊，和像素调整都可以。
这篇关于HTML表单的边框的文章到这也就结束了（想学更多的编程知识，欢迎来PHP中文网学习），有问题的可以在下方提问。
【小编推荐】
html中的ol标签如何去掉标号呢？<ol>标签的使用方法总结
HTML中ul标签如何去掉点？HTML无序列表的样式实例解析
以上就是html表单边框怎么加颜色？html form标签的边框颜色实例的详细内容，更多请关注爱上源码网其它相关文章！
微信
分享
相关标签：input form html
本文原创发布爱上源码网，转载请注明出处，感谢您的尊重！
- 上一篇：html code标签怎么用？html code标签的作用解释
- 下一篇：怎么去掉html a超链接下划线
相关文章
相关视频
- css美化input file按钮的代码方法_经验...
- input为disabled提交后得不到该值的解决...
- input file 不能更改value值的解决办...
- input文本框样式代码实例_基础教程
- 解决input对齐问题vertical-alige...
- html表单边框怎么加颜色？html form标签...
- input对象
- HTML5中改良的input元素的种类（上）
- FileInputStream读取数据一次一个字节数组
- 前端开发基础视频-表单标签form-input-select-textarea
本文有爱上源码下载完入驻作者发布，如果对您版权造成侵害，可以联系本站站长管理进行维权删除，本站收到维权24小时内进行处理，谢谢您关注23ym.cn！
本站分享大量程序员技术文章以及对编程开发的初级入门教程，包括图文讲解笔记和高清视频下载~ | 
