simple-form.htm
来自「CSS网页布局与美化」· HTM 代码 · 共 122 行
HTM
122 行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Simple Form</title><style type="text/css"><!--body { font: 62.5%/1 "Myriad Pro", Frutiger, "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;}form { font-size: 1.4em; width: 30em;}/* fieldset styling */fieldset { margin: 1em 0; /* space out the fieldsets a little*/ padding: 1em; border : 1px solid #ccc;}/* legend styling */legend { font-weight: bold;}/* style for labels */label { display: block;}/* style for required labels */label .required { font-size: 0.75em; color:#760000;}input { width: 200px;}input.radio, input.submit { width: auto;}/* style form elements on focus */input:focus, textarea:focus { background: #ffc;}input.radio { float: left; margin-right: 1em;}textarea { width: 300px; height: 100px;}/* Hack to make sure the floated radio buttons sit next to the labels correctly in IE/Mac*//* This is the style I want IE/Mac to see */input.radio + label { text-indent: 2em;}/* Using the commented backslash filter, I'm resetting the above rule for everything other than IE5/Mac \*/input.radio + label { text-indent: 0;}/* End the hack */--></style></head><body><form id="comments_form" action="#" method="post"><fieldset> <legend>Your Contact Details</legend> <p> <label for="author">Name: <em class="required">(Required)</em></label> <input name="author" id="author" type="text" /> </p> <p> <label for="email">Email Address:</label> <input name="email" id="email" type="text" /> </p> <p> <label for="url">Web Address:</label> <input name="url" id="url" type="text" /> </p></fieldset><fieldset> <legend>Comments</legend> <p> <label for="text">Message: <em class="required">(Required)</em></label> <textarea name="text" id="text" cols="20" rows="10"></textarea> </p></fieldset></form></body></html>⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?