请记住投稿邮箱是：203239351@qq.com   注册联系QQ203239351

前言：

form表单常用于网站注册、网站登录等等。fieldset标签定义了一组相关的表单元素，并使用外框包裹包含起来。

legend标签定义了fieldset元素的标题

label元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上

代码展示：

<!DOCTYPE 
html
>

<html 
lang=
"en"
>

<head>

    <meta 
charset=
"UTF-8"
>

    <title>
form效果图展示-宗波尘客www.zbck123.com宗九尘博客
</title>

    <style>

 
input
{

            
width
: 
150
px
;

 }

    
</style>

</head>

<body>

<form 
action=
""
>

    <fieldset>

 
<!--<fieldset>//外框-->

 
<legend>
form表单标题
</legend>

        <label 
for=
""
>
用户名：
<input 
type=
"text"
></label>

        <br>

        <label 
for=
""
>
密
&nbsp;&nbsp;&nbsp;&nbsp;
码：
<input 
type=
"password"
></label>

        <br>

        <input 
type=
"submit" 
value=
"提交"
>

    </fieldset>

</form>

</body>

</html>

效果图：

I]($GOU8~X6S2ZQ[29BLWDK.png



宗波尘客(www.zbck123.com)宗九尘博客     联系QQ：203239351