input标签拾遗--引申TIY实例（下）

时间：2021-12-28 23:44:25


另一个下拉列表
本例演示如何创建一个简单的带有预选值的下拉列表。（译者注：预选值指预先指定的首选项。） 
 
 
 
 
<html><body><form><select name="cars"><option value="volvo">Volvo</option><option value="saab">Saab</option><option value="" selected="selected">fiat</option><option value="audi">Audi</option></select></form></body></html>
 
 
input标签拾遗--引申TIY实例（下）
 
 
在这个例子中，在option标签内部的内容决定了下拉菜单的内容，value尚不清楚做什么用。其中selected属性可以表示默认显示的内容。
 
 

 
 
 

 

 
 文本域(Textarea) 

 


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

 

 
 
<p>
This example cannot be edited
because our editor uses a textarea
for input,
and your browser does not allow
a textarea inside a textarea.
</p>

<textarea rows="10" cols="30">
The cat was playing in the garden.</textarea>
 
 






 
 


 

 
 
input标签拾遗--引申TIY实例（下）
 
 

 
 
在这个例子里，这个文本框是可拖拽的，在实际使用时会影响到页面的布局。可以用
 
 
textarea {
  resize : none;
}
 
 
这样的CSS控制
 
 
还可以控制他不能输入内容，或者只读。这里有2种控制方式。
 
 
1、只读的控制参数，使用这个属性之后，表单内容依然可以提交。在只读的文本区中，无法对内容进行修改，但用户可以通过 tab 键切换到该控件，选取或复制其中的内容。
<textarea readonly="readonly"></textarea>
2、该属性规定禁用文本区。被禁用的文本区既不可用，也不可点击；属性的控件也无法提交了。
<textarea disabled="disabled"></textarea>


 

标签：
相关文章