1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- <!DOCTYPE html>
- <html lang="zh">
- <head>
- <meta charset="UTF-8">
- <title>表单示例</title>
- <style>
- .form-box {
- border: 1px solid #000;
- border-radius: 10px;
- padding: 20px;
- width: 300px;
- margin: 20px;
- }
- .form-item {
- margin: 10px 0;
- }
- label {
- display: inline-block;
- margin-right: 10px;
- }
- input[type="text"] {
- border: 1px solid #ccc;
- border-radius: 4px;
- padding: 5px;
- }
- </style>
- </head>
- <body>
- <div class="form-box">
- <form action="/submit-form" method="post">
- <div class="form-item">
- <label for="name">用户名:</label>
- <input type="text" id="name" name="name">
- </div>
- <div class="form-item">
- <label for="password">密码:</label>
- <input type="text" id="password" name="password">
- </div>
- <div class="form-item">
- <label for="comment">性别:男</label>
- </div>
- <div class="form-item">
- <input type="submit" value="提交表单">
- </div>
- </form>
- </div>
- </body>
- </html>
|