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

最新推荐文章于 2021-06-09 21:29:42 发布

初漆微芽

最新推荐文章于 2021-06-09 21:29:42 发布

阅读量248

点赞数


 
 
  
  


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

  
  

  
  
  
  <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>

  
  

  
  在这个例子中，在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>
  
  


  
  


 
 
 
 

  
  


 
 
 
 

  
  


  
  

  
  



  
  在这个例子里，这个文本框是可拖拽的，在实际使用时会影响到页面的布局。可以用

  
  textarea {
  resize : none;
}

  
  这样的CSS控制

  
  还可以控制他不能输入内容，或者只读。这里有2种控制方式。

  
  1、只读的控制参数，使用这个属性之后，表单内容依然可以提交。在只读的文本区中，无法对内容进行修改，但用户可以通过 tab 键切换到该控件，选取或复制其中的内容。<textarea readonly="readonly"></textarea>
2、该属性规定禁用文本区。被禁用的文本区既不可用，也不可点击；属性的控件也无法提交了。
<textarea disabled="disabled"></textarea>

初漆微芽

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
input标签拾遗--引申TIY实例（下）

另一个下拉列表本例演示如何创建一个简单的带有预选值的下拉列表。（译者注：预选值指预先指定的首选项。）VolvoSaabfiatAudi在这个例子中，在option标签内部的内容决定了下拉菜单的内容，value尚不清楚做什么用。其中selected属性可以表示默认显示的内容。文本域(Textarea)本例演示如何创建一个文本域（
复制链接

扫一扫