首页写代码完成如图网页内容，要求如下：（1）使用表单设计一个文本框，一个密码框，2个按钮,其中账户文本框里面的显示内容为你自己的真实姓名。如图所示（10分）（2）使用类选择器完成文本框和密码框的设置，要求如下：（15分） width:152px; height:18px; border:1px solid #38a1bf; padding:2px 2px 2px 22px; （3）为两个按钮设置宽度为60px,高度为25px,圆角边框3px，边框为3px，实线，绿色左外边距为30px。（15分）（4）为两个按钮设置背景颜色分别为blue, orange

写代码完成如图网页内容，要求如下：（1）使用表单设计一个文本框，一个密码框，2个按钮,其中账户文本框里面的显示内容为你自己的真实姓名。如图所示（10分）（2）使用类选择器完成文本框和密码框的设置，要求如下：（15分） width:152px; height:18px; border:1px solid #38a1bf; padding:2px 2px 2px 22px; （3）为两个按钮设置宽度为60px,高度为25px,圆角边框3px，边框为3px，实线，绿色左外边距为30px。（15分）（4）为两个按钮设置背景颜色分别为blue, orange

时间: 2024-03-29 21:37:44 浏览: 99

HTML表单_动力节点Java学院整理

一、表单 1.表单的作用 HTML 表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。 2.表单的工作机制　　 3.表单定义（<form></form>标签） HTML表单是一个包含表单元素的区域，表单使用<form> 标签创建。表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。注意，<form >元素是块级元素，其前后会产生折行。 <form action="login.do" method="post"

<!DOCTYPE html> <html> <head> <title>登录表单</title> <style> .input { width: 152px; height: 18px; border: 1px solid #38a1bf; padding: 2px 2px 2px 22px; } .button { width: 60px; height: 25px; border-radius: 3px; border: 3px solid green; margin-left: 30px; } .button:first-child { background-color: blue; } .button:last-child { background-color: orange; } </style> </head> <body> <form> <label for="username">账户：</label> <input type="text" name="username" id="username" class="input" value="Your Name" /> <br><br> <label for="password">密码：</label> <input type="password" name="password" id="password" class="input" /> <br><br> <input type="submit" value="登录" class="button"> <input type="button" value="注册" class="button"> </form> </body> </html>

阅读全文