form0313

<!DOCTYPE html><htmllang=“zh-CN”><head><metacharset=“UTF-8”><metahttp-equiv=“X-UA-Compatible”content=“IE=edge”><metaname=“viewport”content=“width=, initial-scale=1.0”><title>注册表单</title></head><body><formaction=“register.php”method=“post”><legend>新用户注册</legend><fieldsetstyle=“display:inline–搭建源码点我wcqh.cngrid; gap:1em“><divclass=“username”><labelfor=“uname”>用户名</label><inputtype=“text”id=“uname”name=“uname”value=“”placeholder=“请输入用户名(不少于6位)”requiredautofocus></div><divclass=“email”><labelfor=“email”>邮箱：</label><inputtype=“email”name=“email”id=“email”placeholder=“username@email.com”></div><divclass=“p搭建源码点我wcqh.cnsw”><labelfor=“psw”>密码：</label><inputtype=“password”onkeydown=“this.nextElementSibling.disabled=false“name=“password”id=“psw”placeholder=“不少于6位”required><buttontype=“button”onclick=“showPsw(this,this.form,true)“disabled>查看</button></div><divclass=“age”><labelfor=“age”>年龄：</label><inputtype=“number”i搭建源码点我wcqh.cnd=“age”name=“age”min=“18”>岁</div><divclass=“birthday”><labelfor=“birthday”>生日：</label><inputtype=“date”id=“birthday”name=“birthday”value=“2020-02-22”min=“1949-10-01”></div><divclass=“sex”><labelfor=“male”>性别：</label><!– input.type中的name是提交到服务器的 –><inputtype=“radio”name=“sex”value=“male”id=“male”ch搭建源码点我wcqh.cnecked><labelfor=“male”>男</label><inputtype=“radio”name=“sex”value=“female”id=“female”><labelfor=“female”>女</label><inputtype=“radio”name=“sex”value=“secret”id=“secret”><labelfor=“secret”>保密</label></div><divclass=“hobby”><labelfor=“”>爱好：</label><!– checkbox的name不能相同，返回的是数组 –><inputtype=“checkbox”n搭建源码点我wcqh.cname=“hobby[]”value=“trave”id=“trave”><labelfor=“trave”>旅游</label><inputtype=“checkbox”name=“hobby[]”value=“program”id=“program”checked><labelfor=“program”>编程</label><inputtype=“checkbox”name=“hobby[]”value=“shoot”id=“shoot”><labelfor=“shoot”>摄影</label><inputtype=“checkbox”name=“hobby[]”value=“game”i搭建源码点我wcqh.cnd=“game”checked><labelfor=“game”>游戏</label></div><divclass=“edu”><labelfor=“”>学历：</label><selectname=“edu”id=“”><optionvalue=“1”selecteddisabled>—请选择—</option><optionvalue=“1”>中学</option><optionvalue=“2”>大学</option><optionvalue=“3”>研究生</option></select></div><button>提交</button></fieldset></form>搭建源码点我wcqh.cn<script>// 显示密码function showPsw(ele, form){const psw = form.passwordif(psw.type==password){ psw.type =text ele.textContent =隐藏}elseif(psw.type ==text){ psw.type =password ele.textContent =显示}else{returnfalse}}</script></body></html>

总结：

表单入手不难，难在精通，要多用多练，挺期待下节课的CSS的。

批改老师：

PHPz 批改状态：合格老师批语：总体没什么问题

作者最新博文

开通PHP中文网博客第一天

20搭建源码点我wcqh.cn23-03-08 14:59:36

1.如需技术支持联系QQ：1339833655 2. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！ 3. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！ 4. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！ 5. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！ 6. 如有链接无法下载、失效或广告，请联系管理员处理！ 7. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！ 8. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员！

THE END