HTML表单综合知识总结案例

复制代码
 <%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ page import="java.util.*" import="java.lang.*" import="java.io.*" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>

</head>
<body>
    <h3 align="center" >石家庄铁道大学</h3>
    <form name="my" method="post" action="" >
        <table align="center"  border="2" background="1.jpg" >
            <tr>
                <td><font color="red" face="黑体">姓名</font><input type="text"  name ="姓名" value=""><br/></td>
            </tr>
            <tr>
                <td>
                    <font color="#156423" face="隶书" >性别</font><br>
                    <input name ="xingbie" list="mylist">
                    <datalist id="mylist" >
                            <option value="男">男</option>
                            <option value="女">女</option>
                            <option value="空" selected>请选择性别</option>
                    </datalist>
                </td>
            </tr>
        <tr>
            <td>
            <br>选择你喜欢吃的水果：
                <br><input type="radio" name="f" value="banana">香蕉
                <br><input type="radio" name="f" value="apple">苹果
                <br><input type="radio" name="f" value="pear">梨
                <br>选择你喜欢的运动：
                <br><input type="checkbox" name="sport" value="pingpang">乒乓球
                <br><input type="checkbox" name="sport" value="basketball">篮球
                <br><input type="checkbox" name="sport" value="football">足球
            </td>
        </tr>
            <tr>
                <td>
                    <br>出生年月：
                    <!-- multiple关键词多选 -->
                    <select name="birthday" >
                        <option value="1998">1998
                        <option value="1999">1999
                         <option value="2000">2000
                        <option value="2001" selected>2001
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    <br>密码：
                    <br>
                    <input type="password" name="pass"> 
                </td>
            </tr>        
        </table>
    </form>

</body>
</html>
复制代码

 

posted @   靠谱杨  阅读(86)  评论(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