html表单边框怎么加色彩？html form标签的边框色彩实例-百分百源码网

html表单边框怎么加色彩？html form标签的边框色彩实例

发布时间：09/01 来源：未知浏览：关键词：

本篇文章主要的讲述了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像素的边框：