龙空技术网

网页前端设计-10表单-多行文本和下拉列表

井建的学习笔记 162

前言:

眼前兄弟们对“c语言输入多行”大约比较注意,看官们都想要学习一些“c语言输入多行”的相关内容。那么小编同时在网摘上汇集了一些有关“c语言输入多行””的相关文章,希望我们能喜欢,大家一起来学习一下吧!

视频加载中...

一、多行文本

单行文本框只能输入一行文本,而多行文本框却可以输入多行文本。在HTML中,多行文本框使用的是textarea标签,而不是input标签。

法:<textarea rows="行数" cols="列数" value="取值">默认内容</textarea>

举例:

<form>	蜀道难:<br />	<textarea rows="5" cols="5" value="3">请默写</textarea></form>

文本总结:

(1)HTML有3种文本框:单行文本框、密码文本框、多行文本框。

(2)单行文本框和密码文本框使用的都是input标签,多行文本框使用的是textarea标签。

二、下拉列表

下拉列表由select和option这两个标签配合使用来表示的。

语法:

<select>    <option>选项内容</option>    ……    <option>选项内容</option></select>

举例:

<form>	请选择:	<select>		<option>A</option>		<option>B</option>		<option>C</option>		<option>D</option>	</select></form>

select标签属性:

1、multiple属性 设置下拉列表可以选择多项

想要选取多项,可以使用“Ctrl+鼠标左键”来选取。

2、size属性

显示几条选项,其余的用下拉框

举例

<form>	请选择:	<select multiple size="3">		<option>A</option>		<option>B</option>		<option>C</option>		<option>D</option>	</select></form>

三、option标签属性

1、selected 是否选择

2、value 选项值 同其他一样,和JS做交互的

举例:

<form>	请选择:	<select >		<option>A</option>		<option selected="selected">B</option>		<option>C</option>		<option>D</option>	</select></form>

标签: #c语言输入多行