HTML系列知识（六）

HTML文本域

<textarea> 即文本域

与文本框不同的是，文本域可以有多行，并且可以有滚动条

<textarea>abc

def

</textarea>

设置宽度和行数，使用属性cols和rows

<textareacols="30"rows="8">123456789012345678901234567890

1234567890

1234567890

1234567890

1234567890

1234567890

1234567890

1234567890</textarea>

HTML普通按钮

<input type="button"> 即普通按钮

<input type="button" value="一个按钮">

HTML提交按钮

<input type="submit"> 即为提交按钮

用于提交form，把数据提交到服务端

<form action="/study/login.jsp" method="get">

账号：<input type="text" name="name"> <br/>

密码：<input type="password" name="password"> <br/>

<input type="submit" value="登陆">

</form>

HTML重置按钮

<input type="reset"> 重置按钮可以把输入框的改动复原

<form action="/study/login.jsp">

账号：<input type="text" name="name"> <br/>

密码：<input type="password" name="password"> <br/>

<input type="submit" value="提交">

<input type="reset" value="重置">

</form>

HTML图像提交

<input type="image" > 即使用图像作为按钮进行form的提交

设置src属性

<form action="/study/login.jsp">

账号：<input type="text" name="name"> <br/>

密码：<input type="password" name="password"> <br/>

<input type="image" src="http://how2j.cn/example.gif">

</form>

HTML按钮

<button></button>即按钮标签

与<input type="button">不同的是，<button>标签功能更为丰富

按钮标签里的内容可以是文字也可以是图像

如果button的type=“submit” ，那么它就具备提交form的功能

button里是文字

<button>按钮</button>

button里是图片

<button><img src="http://how2j.cn/example.gif"/></button>

提交数据，设置type="submit"

IE下button的type的默认值为button不具备提交功能

其他浏览器type的默认值是submit

<form action="/study/login.jsp">

账号：<input type="text" name="name"> <br/>

密码：<input type="password" name="password"> <br/>

<button type="submit">登陆</button>

</form>