这是3月19日的课程作业:
代码:
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>3月19日表单作业练习</title> </head> <body> <form action="" method="post"> <table align="center" width="400" bgcolor="powderblue" cellpadding="8" border="0" cellspacing="0"> <caption><h2>用户注册</h2></caption> <tr><td colspan="2"><hr></td></tr> <tr> <td align="right" width="60"><label for="name">邮箱:</label></td> <td align="left"><input type="texe" name="youxiang" placeholder="这里是邮箱" id="name" value="" size="30"></td> </tr> <tr> <td align="right"><label for="name">密码:</label></td> <td align="left"><input type="password" name="mima" placeholder="这里是密码" id="name" value="" size="30"></td> </tr> <tr> <td align="right">性别:</td> <td align="left"> <input type="radio" name="sex" value="male">男 <input type="radio" name="sex" value="female">女 <input type="radio" name="sex" value="secret" checked="checked">保密 </td> </tr> <tr> <td align="right">兴趣:</td> <td align="left"> <input type="checkbox" name="happy[]" value="html">html <input type="checkbox" name="happy[]" value="css">css <input type="checkbox" name="happy[]" value="php">php <input type="checkbox" name="happy[]" value="js" checked="checked">js </td> </tr> <tr> <td align="right">级别:</td> <td align="left"> <select name="jibie"> <option value="xiaobai">小白</option> <option value="chuji" selected="">初级</option> <option value="zhonghji">中级</option> <option value="gaoji ">高级</option> </select> </td> </tr> <tr> <td align="right">头像:</td> <td align="left"> <img src="../images/13.png" height="30"> <input type="file" name="photo" accept="image/*"> </td> </tr> <tr> <td align="right" valign="middle">简介:</td> <td align="left"><textarea name="comment" id="comment" rows="5" cols="40" placeholder="这里是简介内容。。。"></textarea></td> </tr> <tr align="center"> <td colspan="2"> <hr> <input type="submit" name="submit" value="提交"> <input type="reset" name="reset" value="重填"> </td> </table> </form> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
手写代码: