HTML学习感想(5）【图像按钮、文件选择输入框、多行文本输入框】

图像按钮

当type="image"时，浏览器会在相应位置产生一个图像按钮。

基本语法：<form><input name="image" type="image" src="url"></form>

语法说明：单击该按钮时，浏览器就会将表单的输入信息传送给服务器。image类型中src属性是必须的，用于设置图像文件的路径。

文件选择输入框

文件选择输入框允许用户在自己的硬盘上浏览文件，并把文件名及其路径作为表单数据上传，主要用在上传程序中。

基本语法：<form method="post" enctype="multipart/form-data"></form>

语法说明：(1).当type="file"时，就可以插入文件选择输入框。

(2).enctype属性确保文件采用正确的格式上传。

(3).对于允许文件上传的表单，不能使用get方法。

多行文本输入框

用<textarea>标记可以来定义高度超过一行的文本输入框，<textarea>...</textarea>之间的内容就是现实在文本输入框中的初始信息。<textarea>标记有4个属性：name,rows,cols,wrap。

基本语法：<form><textarea name="textarea" cols="..." rows="..." wrap="...">初始的文字内容</textarea></form>

语法内容：(1).name：用于指定文本输入框的名字。

(2).rows：设置多行文本输入框的行数，此属性的值是数字，浏览器会自动为高度超过一行的文本输入框添加垂直滚动条。但是，当输入文本的行数小于或等于rows属性的值时，滚动条将不起作用。

(3).cols：设置多行文本输入框的列数。

(4).wrap：默认值是文本自动换行，当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现，wrap的取值如下：

I.wrap="virtual"，将实现文本区内的自动换行，以改善对用户的显示， 但在传输给服务器时，文本只在用户按下回车键的地方进行换行，其他地方没有换行的效果。

II.wrap="physical"，将实现文本区内的自动换行，并以这种形式传送给服务器，就像用户真的那样键入似的。因为文本要以用户在文本区内看到的效果传输给服务器，因此使用自动换行是非常有用的办法。

III.wrap="off"，不会自动进行文本换行，当输入的内容超过文本域右边界时，文本将向左滚动，必须按下回车键才能将插入点移到下一行。