《form表单之input》
<body>
<!--<action="ip地址端口访问的路径以及数据"-->
<from action="" method="post">
<p>
<lable for = "c1">
姓名:
</lable>
<input type="text" name="username" value="" id = "c1"></p>
<p>密码:<input type="password" name="password" value=""></p>
<p>性别<input type="radio" name="gender" value="male" checked>男
<input type="radio" name="gender" value="female">女</p>
<p>爱好 <input type="checkbox" name="hobby" value="basketball" checked="checked">篮球
<input type="checkbox" name="hobby" value="football">足球
<input type="checkbox" name="hobby" value="study">学习</p>
<p>头像:<input type="file" name="fileOBJ"></p>
<p><input type="hidden" name="csrf" value="asdfasd"></p>
<p>个人简介 <br>
<textarea name="personalinfo" id="" cols="50" rows="20"></textarea>
</p>
<p><input type="reset" value="reset"></p>
<p><input type="button" value="按钮"></p>
<p><input type="submit" value="注册"></p>
</from>
</body>
《input》标签下的属性:
type 规定 input 元素的类型。
name 定义 input 元素的名称。
value 规定 input 元素的值。
checked 规定此 input 元素首次加载时应当被选中。
lable 可以把“姓名:” 的后面的代码利用id关联到一块。
《input》标签下的type属性的元素:
button 定义可点击按钮(多数情况下,用于通过 JavaScript 启动脚本)。
checkbox 定义复选框。
file 定义输入字段和 "浏览"按钮,供文件上传。
hidden 定义隐藏的输入字段。
image 定义图像形式的提交按钮。
password 定义密码字段。该字段中的字符被掩码。
radio 定义单选按钮。
reset 定义重置按钮。重置按钮会清除表单中的所有数据。
submit 定义提交按钮。提交按钮会把表单数据发送到服务器。
text 定义单行的输入字段,用户可在其中输入文本。默认宽度为 20 个字符。
《form表单之select标签》
示例代码
<from>
<body>
<p>
<select name="province" size="5" multiple="multiple">
<option value="hebei">河北省</option>
<option value="jiangxi">江西省</option>
<option value="hunan" selected>湖南省</option>
<option value="hunan" selected="selected">湖北省</option>
<option value="hunan">海南省</option>
</select>
</p>
</from>
</body>
select标签中常用的属性
multiple 规定可选择多个选项。
name 规定下拉列表的名称。
size 规定下拉列表中可见选项的数目。
《div标签和span标签》
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。
不必为每一个 <div> 都加上类或 id,虽然这样做也有一定的好处。
可以对同一个 <div> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。
span
使用 <span> 来组合行内元素,以便通过样式来格式化它们。
注释:span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。