丁德双的博客
用心的博客
input 的相关属性
2015-04-19 17:25:04   阅读688次

文本域

本例演示如何在 HTML 页面创建文本域。用户可以在文本域写入文本。

<input type="text"></input>

密码域

本例演示如何创建 HTML 的密码域。

<input type="password"></input>

复选框:

本例演示如何在 HTML 页中创建文本框。用户可以选中或取消选取复选框。

<input type="checkbox"></input>

单选按钮:

本例演示如何在 HTML 中创建单选按钮。

<input type="text"></input>

简单的下拉列表:

本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。

<select>

  <option value="volvo">Volvo</option>

  <option value="cat">cat</option>

  <option value="bug">bug</option>

  <option value="org" >org</option>

  <option value="rs">rs</option>

</select>

 另一个下拉列表

本例演示如何创建一个简单的带有预选值的下拉列表。(译者注:预选值指预先指定的首选项。)

<select>

  <option value="volvo">Volvo</option>

  <option value="cat">cat</option>

  <option value="bug">bug</option>

  <option value="org"  selected="selected">org</option>

  <option value="rs">rs</option>

</select>

文本域

本例演示如何创建一个文本域(多行文本输入控制)。用户可以在文本域中写入文本。在文本域中,可写入的字符字数不受限制。

<textarea rows="10" cols="30">

rows 属性规定 textarea 的可见高度。

cols 属性规定 textarea 的可见宽度。

创建按钮

本例演示如何创建按钮。你可以对按钮上的文字进行自定义。

<input type="button" value="Hello world!">

效果如下:blob.png

围绕数据的fieldset

本例演示如何在数据周围绘制一个带标题的框。

样式一 




代码如下:

<fieldset style="width:300;height:150;border:2px groove" align=center></fieldset>

样式二



代码如下:

<fieldset style="width:300;height:150;border:2px red groove" align=center></fieldset>

样式三



代码如下:

<fieldset style="width:300;height:150;border:2px red groove; Background-color:#ff9966" align=center></fieldset>

样式四

1234


代码如下:

<fieldset style="width:300;height:150;border:1px dashed #ff9966" align="center" >
<legend style="border:0px;background-color:white;">
1234
</legend>
</fieldset>

样式五

1234



代码如下:

<fieldset style="width:300;height:150;border:1px dashed red" align="center">
<legend style="width:100px;border:1px dashed #ff9966;background-color:#ff0000;text-align:center;font-family:arial;font-weight:bold">
1234
</legend>
</fieldset>

样式六




代码如下:

<table border=0 cellPadding=0 cellSpacing=0 align="center">
<tr><td bgcolor=#d9d9d9>
<fieldset style="width:300;height:150" align=center></fieldset>
</td><tr>
</table>

http://fdm0111.blog.163.com/blog/static/81375820074911438563/



-----------------------------------------------------
转载请注明来源此处
原地址:#

-----网友评论----
暂无评论
-----发表评论----
微网聚博客乐园 ©2014 blog.mn886.net 鲁ICP备14012923号   网站导航