<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link href="index.css" rel="stylesheet" type="text/css"> </head> <body> <h1 style="color: black; background-color: lightgray;text-align:center">开头</h1> <form> <p><label for="p1">p1:</label><input type="text" name="p1" id="p1" value="p1默认输入" placeholder="提示语"></p> <!-- type=text 下 value是默认输入，而placeholder是提示输入的，同时存在的时候，要先删掉value的内容，才会显示placeholder --> <p>p2:<input type="password" value="default value" placeholder="提示语"></p> <p><label for="p3">p3:</label><input type="hidden" name="p3" id="p3" value="default value" placeholder="提示语"></p> <p>选择：<input type="radio" name="dx" value="p4" id="p4"><label for="p4">p4</label><input type="radio" name="dx" id="p5" value="p5"><label for="p5">p5</label></p> <p>选择： <input type="checkbox" name="fx" value="德玛西亚">德玛西亚 <input type="checkbox" name="fx" value="诺克萨斯">诺克萨斯 <input type="checkbox" name="fx" value="班德尔城">班德尔城 </p> <p> <input type="submit" value="提交（submit）" disabled><input type="button" value="按钮（button）"><input type="image" disabled value="image"> <input type="file" value="文件（file）"> </p> <p>阵营： <!--<select name="sel" size="3" multiple="multiple" >--> <!--<select name="sel" multiple="multiple" >--> <select name="sel" > <optgroup label="A"> <option value="德玛西亚">德玛西亚</option> <option value="诺克萨斯">诺克萨斯</option> <option value="班德尔城">班德尔城</option> </optgroup> <optgroup label="B"> <option value="暗影岛">暗影岛</option> <option value="祖安">祖安</option> </optgroup> </select> </p> <fieldset> <legend>登录吧</legend> <input type="text"> </fieldset> </form> </body> </html>
相关文章：