HTML表单练习

复制代码
 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3     <%@ page import="java.util.*" import="java.lang.*" import="java.io.*" %>
 4 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 5 <html>
 6 <head>
 7 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 8 <title>Insert title here</title>
 9 
10 </head>
11 <body>
12 
13     <h3 align="center" >石家庄铁道大学</h3>
14     <form name="my" method="post" action="" >
15         <table align="center"  border="2" background="1.jpg" >
16             <tr>
17                 <td><font color="red" face="黑体">姓名</font><input type="text"  name ="姓名" value=""><br/></td>
18             </tr>
19             <tr>
20                 <td>
21                     <font color="#156423" face="隶书" >性别</font><br>
22                     <input name ="xingbie" list="mylist">
23                     <datalist id="mylist" >
24                             <option value="男">男</option>
25                             <option value="女">女</option>
26                             <option value="空" selected>请选择性别</option>
27                     </datalist>
28                 </td>
29             </tr>
30         <tr>
31         <pre>
32             
33             <td>
34             <br>选择你喜欢吃的水果：
35                 <br><input type="radio" name="f" value="banana">香蕉
36                 <br><input type="radio" name="f" value="apple">苹果
37                 <br><input type="radio" name="f" value="pear">梨
38                 <br>选择你喜欢的运动：
39                 <br><input type="checkbox" name="sport" value="pingpang">乒乓球
40                 <br><input type="checkbox" name="sport" value="basketball">篮球
41                 <br><input type="checkbox" name="sport" value="football">足球
42             </td>
43         </tr>
44         </pre>
45             <tr>
46                 <td>
47                     <br>出生年月：
48                     <!--multiple关键词多选-->
49                     <select name="birthday" >
50                         <option value="1998">1998
51                         <option value="1999">1999
52                          <option value="2000">2000
53                         <option value="2001" selected>2001
54                     </select>
55                 </td>
56             </tr>        
57         </table>
58     </form>
59 
60 </body>
61 </html>
复制代码

 

posted @   靠谱杨  阅读(303)  评论(0)  编辑  收藏  举报
编辑推荐：
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列：如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行：
· 阿里最新开源QwQ-32B，效果媲美deepseek-r1满血版，部署成本又又又降低了！
· 开源Multi-agent AI智能体框架aevatar.ai，欢迎大家贡献代码
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· AI技术革命，工作效率10个最佳AI工具

喜欢请打赏

扫描二维码打赏

了解更多

点击右上角即可分享
微信分享提示
AI IDE Trae