HTML 静态网页制作12月2日表单样式
生活随笔
收集整理的這篇文章主要介紹了
HTML 静态网页制作12月2日表单样式
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
HTML 表單的應用源代碼：
?
<body> <center> 賬號：<input type="text" name="first"/> <br /> 密碼：<input type="password" name="seconds"/> <br /> 備注：<textarea name="third" cols="50" rows="4"></textarea><br /> <input type="submit" value="注冊" /> <input type="reset" value="重置" /> <input type="button" value="按鈕" /> <form id="form1" name="form1" method="post" action=""> <input type="radio" name="radio" checked="checked" id="radio" value="男" />男 <input type="radio" name="radio" id="radio1" value="女" />女<br /> <input name="fuxuan" type="checkbox" value="" /> <input name="fuxuan" type="checkbox" value="" /><br /> <p><label><input type="checkbox" name="CheckboxGroup1" value="復選框" id="CheckboxGroup1_0" />薯條</label><br /><label><input type="checkbox" name="CheckboxGroup1" value="復選框" id="CheckboxGroup1_1" />可樂</label><br /><label><input type="checkbox" name="CheckboxGroup1" value="復選框" id="CheckboxGroup1_2" />漢堡</label><br /> </p> </form> <br /> <form id="form2" name="form2" method="post" action=""><p><label><input type="radio" name="RadioGroup1" value="單選" id="RadioGroup1_0" />男</label>     <label><input type="radio" name="RadioGroup1" value="單選" id="RadioGroup1_1" />女</label><br /></p> </form> <input type="file" /><br /> <select name="down" size="1"> <option selected="selected">雪碧</option> <option>百事</option> <option>美年達</option> <option>可口可樂</option> </select> </center> </body>?
效果如下圖：
?
練習：用表單做郵箱注冊
源代碼：
?
<title>表單使用</title> </head><body background="未標題-1.jpg" style="background-repeat:repeat-x"><center><table width="370" border="0"><tr><td height="30" align="left">郵箱：</td><td align="left"><input type="text" name="youxiang" /></td></tr><tr><td height="30" align="left"></td><td align="left"><font size="-2" color="#333333">需要通過郵箱激活賬戶，不支持sohu，21cn，sogou的郵箱</font></td></tr><tr><td height="34" align="left">登錄用戶名：</td><td align="left"><input type="text" name="ming" /></td></tr><tr><td height="30" align="left"></td><td align="left"><font size="-2" color="#333333">僅在登錄時使用，字符數不少于4個</font></td></tr><tr><td height="30" align="left">顯示名稱：</td><td align="left"><input type="text" name="xian" /></td></tr><tr><td height="30" align="left"></td><td align="left"><font size="-2" color="#333333">即昵稱，字符數不少于兩個</font></td></tr><tr><td height="30" align="left">密碼：</td><td align="left"><input type="password" name="mi" /></td></tr><tr><td height="30" align="left">確認密碼：</td><td align="left"><input type="password" name="que" /></td></tr><tr><td height="30" align="left"></td><td align="left"><font size="-2" color="#333333">至少8位，必須包含字母、數字、特殊字符</font></td></tr><tr><td align="left">性別：</td><td align="left"><p><label><input type="radio" name="xingbie" value="男" id="xingbie_0" />男</label> <label><input type="radio" name="xingbie" value="女" id="xingbie_1" />女</label><br /></p></form></td></tr><tr><td height="30" align="left">喜好：</td><td align="left"> <select name="down" size="1"> <option selected="selected">音樂</option> <option>看書</option> <option>運動</option> <option>電影</option> </select></td></tr><tr><td align="left"></td><td align="left"><input type="submit" value="注冊" /></td></tr></table></center> </body>?
效果如下圖：
?
轉載于:https://www.cnblogs.com/xuankai1987/p/5020987.html
總結
以上是生活随笔為你收集整理的HTML 静态网页制作12月2日表单样式的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 自动驾驶现状及级别、技术路线
- 下一篇： 三种实现单行、多行文本溢出显示省略号…的