手写链接:https://www.llheng.com/img/index.html
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body style="font-family: microsoft yahei;"> <form action="" method="post" enctype="multipart/form-data" > <table bgcolor="#FFF8DC" border="0" cellpadding="8" cellspacing="0" width="450" align="center" style="border-radius: 5px;"> <caption align="center"><h3>用 户 注 册</h3></caption> <tr ><td colspan="2"><hr></td></tr> <tr > <td align="right"><label for="name">用户:</label></td> <td ><input type="text" name="name" id="name" placeholder="邮箱或手机号" style="width: 200px;height: 20px;"></td> </tr> <tr> <td align="right"><label for="pasd">密码:</label></td> <td ><input type="text" name="pasd" id="pasd" placeholder="数字加字母" style="width: 200px;height: 20px;"></td> </tr> <tr> <td align="right">性别:</td> <td><input type="radio" name="sex" value="man">男 <input type="radio" name="sex" value="woman">女 <input type="radio" name="sex" value="unknow" checked>保密 </td> </tr> <tr> <td align="right">技能:</td> <td> <input type="checkbox" name="tp[]" value="jq">JQuery <input type="checkbox" name="tp[]" value="ajax">Ajax <input type="checkbox" name="tp[]" value="xml">XML <input type="checkbox" name="tp[]" value="json" checked>Json </td> </tr> <tr> <td align="right">等级:</td> <td> <select name="level" style="width: 100px;height: 20px;"> <option value="">001</option> <option value="">002</option> <option value="" selected>on the way</option> </select> </td> </tr> <tr> <td align="right">头像:</td> <td><input type="file" name="file" accept="image/*"></td> </tr> <tr> <td align="right"><label for="mark">备注:</label></td> <td ><textarea id="mark" rows="4" cols="40" placeholder="简介!"></textarea></td> </tr> <tr ><td colspan="2"><hr ></td></tr> <tr> <td colspan="2" align="center"> <input type="submit" name="submit" value="提交" style="width: 70px;height: 25px"> <input type="reset" name="reset" value="重置" style="width: 70px;height: 25px"> </td> </tr> </table> </form> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例