html开发之简单网页表格制作

<input>用于搜集用户信息,无结束语。

<type>input元素类型,

input 之type 属性,type属性值:

 

text(文本框),button(按钮),checkbox(复选框),file(文件),hidden(隐藏字段),

image(图像),password(密码框),radio(单选按钮),reset(重置按钮),submit(提交按钮)。

 

描述
button 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。
checkbox 定义复选框。
file 定义输入字段和 “浏览”按钮,供文件上传。
hidden 定义隐藏的输入字段。
image 定义图像形式的提交按钮。
password 定义密码字段。该字段中的字符被掩码。
radio 定义单选按钮。
reset 定义重置按钮。重置按钮会清除表单中的所有数据。
submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
text 定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。

 

 

 

<textarea>定义一个文本区域,结束语</textarea>.textarea属性:

 

属性 描述 4 5
autofocus
  • true
  • false
在页面加载时,使这个 textarea 获得焦点。 5
cols number 规定文本区内可见的列数。 4 5
disabled
  • true
  • false
当此文本区首次加载时禁用此文本区。 4 5
form
  • true
  • false
定义该 textarea 所属的一个或多个表单。 5
inputmode inputmode 定义该 textarea 所期望的输入类型。 5
name name_of_textarea 为此文本区规定的一个名称。 4 5
readonly
  • true
  • false
指示用户无法修改文本区内的内容。 4 5
required
  • true
  • false
定义为了提交该表单,该 textarea 的值是否是必需的。 5
rows number 规定文本区内可见的行数。 4 5

 

例:

 

<textarea rows="3" cols="30">
文本...
</textarea>

<b>粗体,结束语</b>

<i>斜体,结束语</i>

<u>加下划线,结束语</u>

<big>大型字体</big>

<small>小型字体</small>

<blink>闪烁效果</blink>

<em>一般为斜体,强调</em>

<strong>一般为粗体,强调</strong>

<cite>一般为斜体,用于引证、举例</cite>

 

[html][/html] view plaincopy

  1. <html>
  2.     <head>
  3.         <title>欢迎注册/登陆</title>
  4.     </head>
  5. <form name=”form1″ method=”post” action=””>
  6.     <P>名  字:
  7.        <input  type=”text” value=”小神” size=”20″>
  8.     </P>
  9. </form>
  10. <form name=”form2″ method=”post” action=””>
  11.     <P>密  码:
  12.         <input value=“ 123456 ” type=”password” size=”22″>
  13.     </P>
  14. </form>
  15. <form name=”form3″ method=”post” action=””>
  16.     <br>单选性别:
  17.          <input name=”gen” type=”radio” class=”input” value=”男” checked>
  18.          <img src=”b.gif” width=”23″ height=”21″>男
  19.          <input name=”gen” type=”radio” class=”input” value=”女” >
  20.          <img src=”g.gif” width=”23″ height=”21″>女
  21.     <br>复选爱好:
  22.         <label>
  23.             <input type=”checkbox” name=””value=””checked>
  24.         </label>聊天
  25.         <label>
  26.             <input type=”checkbox” name=”” value=””>
  27.         </label>电影
  28.         <label>
  29.             <input type=”checkbox” name=”” value=””>
  30.         </label>游戏
  31.     <br>出生日期:
  32.         <input name=”byear” value=”yyyy” size=4 maxlength=4 >年
  33.             <select name=”bmon”>
  34.                 <option value=” ” selected>[选择月份] </option>
  35.                 <option value=0>一月</option>
  36.                 <option value=1>二月</option>
  37.                 <option value=2>三月</option>
  38.                 <option value=3>四月</option>
  39.             </select>月
  40.             <input name=”bday” value=”dd” size=2 maxlength=2 >日
  41.             <div class=”left”>
  42.             <span class=”spanTxt”>输入右图数字验证</span>:
  43.             <span class=”shortInputSpan”><input type=”text” class=”short_input” name=”validatecode” id=”validatecode”  maxlength=”4″  onFocus=”textshow(this,’请正确输入验证码’);”/></span>
  44.             <span class=”h1″>
  45.             <img id=”vcode” name=”vcode”  alt=”” src=”help_alarm.jpg” height=”28″ width=”63″  align=”absmiddle”/><a href=”javascript:changeimg();” class=”code_style”>看不清,换一张</a>
  46.             </span>
  47.             </div>
  48.   </form>
  49.   <form>
  50.         <input type=”checkbox” id=”chkagreement”  name=”chkagreement” checked=”checked”/>
  51.         接受<a href=”小神幻化成形.html” target=”_blank” >《XXX注册协议书》</a>
  52.   </form>
  53.   <form name=”form7″ method=”post” action=””>
  54.         <textarea name=”textarea” cols=”35″ rows=”6″>欢迎阅读本服务条款协议,本协议阐述之条款和条件适用于您使用XXX的各服务。
  55. 本服务协议为me,you,ta,
  56. 本服务协议具有合同效力。
  57. me的权利和义务
  58.           </textarea>
  59.   </form>
  60. </html>

标签