form表单制作

form表单制作
<!DOCTYPE html><htmllang=“zh-CN”><head><metacharset=“UTF-8”><metahttp-equiv=“X-UA-Compatible”content=“IE=edge”><metaname=“viewport”content=“width=device-width, initial-scale=1.0”><title>Document</title></head><body><!– action:处理表单数据脚本的url地址 –><!– method:表单的提交方式 –><fromaction=“register.ph项目搭建网点我wcqh.cnp”method=“post”><!– fieldset:表单空件的分组 –><fieldsetstyle=display:inlinegrid; gap:1em><legend>用户注册</legend><divclass=“username”><labelfor=“”>用户名:</label><!– type=”text”:单行文本框 –><!– autofocus:页面初始化/加载成功时,焦点自动落入。 –><!– required:必填项,不写不能提交 –><inputtype=“text”id=“username”name=“username”value=“”pl项目搭建网点我wcqh.cnaceholder=“不少于六位数”autofocusrequired></div><divclass=“email”><labelfor=“email”>邮箱:</label><inputtype=“email”id=“email”name=“email”placeholder=“请输入正确的格式!”required></div><divclass=“password”><labelfor=“”>密码:</label><inputtype=“password”id=“password”name=“password”placeholder=“输入不少于6位数的密码”required><butt项目搭建网点我wcqh.cnon>查看</button></div><divclass=“age”><labelfor=“age”>年龄:</label><inputtype=“number”id=“age”name=“age”min=“18”max=“80”></div><divclass=“birthday”><labelfor=“birthday”>生日:</label><inputtype=“date”id=“birthday”name=“birthday”value=“2008-08-08”min=“1949-10-01”></div><divclass=“sex”><labelfor=“sex”>性别:</l项目搭建网点我wcqh.cnabel><inputtype=“radio”name=“sex”value=“male”id=“male”checked><labelfor=“male”></label><inputtype=“radio”name=“sex”value=“male”id=“female”><labelfor=“male”></label><inputtype=“radio”name=“sex”value=“male”id=“secret”><labelfor=“male”>保密</label></div><divclass=“hobby”><labelfor=“”>爱好:</label><inputt项目搭建网点我wcqh.cnype=“checkbox”name=“hobby[]”value=“trave”id=“trave”><labelfor=“trave”>旅游</label><inputtype=“checkbox”name=“hobby[]”value=“trave”id=“programe”><labelfor=“programe”>编程</label><inputtype=“checkbox”name=“hobby[]”value=“trave”id=“shoot”><labelfor=“shoot”>摄影</label><inputtype=“checkbox”name=“hobby[]”value项目搭建网点我wcqh.cn=“trave”id=“food”><labelfor=“food”>美食</label></div><divclass=“education”><labelfor=“”>学历:</label><selectname=“education”><optionvalue=“1”>中学</option><optionvalue=“2”>高中</option><optionvalue=“3”>大学</option><optionvalue=“4”>研究生</option></select></div><button>提交</button></fieldset></from></body></html>项目搭建网点我wcqh.cn
批改老师:PHPz 批改状态:合格 老师批语:要是添加一个效果图就更好了
作者最新博文
2023-03-10 18:07:54

© 版权声明
THE END
喜欢就支持一下吧
点赞457 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容