<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>文本域</title> </head> <body> <form action="save.php" method="post"> <label>个人简介:</label> <textarea rows="10" cols="50">在此输入内容</textarea> <input type="submit" value="确定" name="submit" /> <input type="reset" value="重置" name="reset" /> </form> </body> 为什么我写出这样的代码后再浏览器中“个人简介:”这几个字不是在文本框的上方,而是在文本框的左边?
label 是内联元素(行内元素)。
内联元素特点:
1、和其他元素都在一行上;
2、元素的高度、宽度及顶部和底部边距不可设置;
3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
接着学,之后的课程会讲到:http://www.imooc.com/code/2049