课程表（表格实战）以及注册表单的简单应用
课程表格
<!DOCTYPE html><htmllang=“en”><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><tableborder=“1”width=“400”><caption><h2>课程表</h2></caption><thea系统开发mhkj33d><tr><th></th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th></tr></thead><tbody><tr><tdrowspan=“4”>上午</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td></tr><tr><!– <td>x</td> –><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td></tr><tr><!– <td>x</td> –><td>x</td><td>x</td><td>x</td><td系统开发mhkj33>x</td><td>x</td></tr><tr><!– <td>x</td> –><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td></tr><tr><thcolspan=“6”>中午</th></tr><tr><tdrowspan=“4”>下午</td><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td></tr><tr><!– <td>x</td> –><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td></tr><tr><!– <系统开发mhkj33td>x</td> –><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td></tr><tr><!– <td>x</td> –><td>x</td><td>x</td><td>x</td><td>x</td><td>x</td></tr></tbody></table></body></html>
注册表单
<!DOCTYPE html><htmllang=“en”><head><metacharset=“UTF-8”><metahttp-equiv=“X-UA-Compatible”content=“IE=edge”><metaname=“v系统开发mhkj33iewport”content=“width=device-width, initial-scale=1.0”><title>Document</title></head><body><formaction=“reg.php”method=“POST”><fieldsetstyle=“display:inline–grid; gap:1em“><legend>用户注册</legend><divclass=“my-shouji”><labelfor=“my-shouji”>手机:</label><inputtype=“txet”name=“my_shouji”id=“my-shouji”place系统开发mhkj33holder=“11位手机号（同时作为登录账号）”requiredautofocus/></div><divclass=“my-email”><labelfor=“my-email”>邮箱:</label><inputtype=“email”name=“my_email”id=“my-email”placeholder=“username@email.com”required/></div><divclass=“fangshi”><labelfor=“shouji”>选择需要验证的方式</label><inputtype=“radio”name=“fs”value=“shouji”id=“sh系统开发mhkj33ouji”checked><labelfor=“shouji”>手机</label><inputtype=“radio”name=“fs”value=“email”id=“email”><labelfor=“email”>邮箱</label></div><divclass=“yzm”><labelfor=“yzm”>验证码：</label><inputtype=“text”name=“yzm”value=“”id=“yzm”placeholder=“6位数验证码”required><button>接收</button></div><divclass=“psw”><labelfor=“psw”>系统开发mhkj33密码:</label><inputtype=“password”name=“password”id=“psw”placeholder=“******”requiredonkeydown=“this.nextElementSibling.disabled=false“/><!– disabled: 布尔属性, 存在就是true,不写就是false –><!– 事件属性: on+事件名称, 点击事件属性: onclick –><buttontype=“button”disabledonclick=“showPsw(this,this.form)“>显示</button></div><!–系统开发mhkj33 form>button: 默认是提交行为,可以禁用 –><buttontype=“submit”>注册</button></fieldset></form></body></html>
© 版权声明
1.如需技术支持联系QQ：1339833655
2. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！
3. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
4. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
5. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
6. 如有链接无法下载、失效或广告，请联系管理员处理！
7. 本站资源售价只是摆设，本站源码仅提供给会员学习使用！
8. 如遇到加密压缩包，请使用360解压,如遇到无法解压的请联系管理员！
THE END
会员专属
暂无评论内容