5510人加入学习
(22人评价)
Web前端第一季(HTML)

制作完成于2018年5月25日

价格 免费

311-文件上传

<input type="file"   name="resume"/>

[展开全文]

310-表单的属性

<form  action="提交路径"   method="get  or post"   name="registerform"></form>(没有指定的话 会提交到本页面)

 对标签起名字的时候,不要一样 

[展开全文]

309-文本域完成大段文本的输入

<textarea  placeholder="" rows="10"   cols="100"></textarea>

[展开全文]

308-下拉列表

<select  name="month"   size="3"   mutiple>

     <option   value="1">一月</option>

       <option   selected>二月</option>

       <option>三月</option>

          <option>四月</option>

</select>

[展开全文]

307-图片提交按钮和隐藏控件

<input type="image" src="register.png"/>

<input type="hidden"  name="id"  value="100"/>

[展开全文]

306-提交按钮、重置按钮和普通按钮

<input type="submit" name="register"  value="注册"/>

<input  type="reset" name="reset" value="设置为默认"/>   

<input  type=>

(提交时候只会提交所在表单,对其他不会产生影响)

[展开全文]

305-多选按钮(爱好选择)

<td>爱好</td><td>读书<input type="checkbox" name="bobby"   value="1"/>游泳<input type="checkbox" name="bobby"   value=""/><input type="checkbox" name="bobby/"></td>

[展开全文]

304-单选按钮

男<input  type="radio"     name="sex"    value="man"  checked/>(默认勾选)

女 <input  type="radio "     name="sex"   value="woman"/>

 

[展开全文]

303-文本输入控件的一些属性

<input type="text"  name="username"   value="siki" (默认值) maxlength="6" (最大字符长度)  pleaseholder="请输入你的用户名"(提示信息)>   name数据提交到后台服务器端的时候才有用.让服务器端容易区分.

 

[展开全文]

302-文本和密码输入框

<form>

<table>

<tr><td>账号<td><input  type="test"><tr/>

<tr><td>密码<td><input  type="password"><tr/>

</table>

</form>

[展开全文]

301-什么是表单?

作用:  向服务器发送数据

[展开全文]

207-表格的表头和标题

<table>

<caption></caption>(标题)

<tr>

<th></th>(表头标签)

<td></td>

<tr>

</table>

[展开全文]

205-销售表格的制作

<table    border="1px"   align="center" width="500px"   heigth="300px">

<tr>

    <td   rowspan="2">商品</td><td  colspqn="2">上月</td><td colspan="2">本月</td>

</tr>

<tr>

<td>销量</td><td>销售额</td><td>销量</td><td>销售额</td>

</tr>

<tr>

<td>笔记本</td><td>500</td><td>50000</td><td>4000</td><td>10000</td>

</tr>

<tr>

<td>手机</td><td>450</td><td>400</td><td>400</td><td>400</td>

</tr>

<tr>

<td>合计</td><td>100</td><td>700</td><td>100</td><td>900</td>

</tr>

</table>

[展开全文]

204-表格中多行多列合并

<table>

<tr>

     <td    colspan="2"></td>   <td></td>   <td></td>

</tr>

<tr>

     <td   rowspan="2"></td>     <td></td>     <td></td>

</tr>

<tr>     <td></td>     <td></td>     <td></td>

</tr>

</table>

合并之后把多余的内容删除

[展开全文]

 203-表格中行和列的常用属性

<tr height="200px"  align="right"   valign="middle or  top   or    bottom"   bgcolor="">

       <td  width=" "   height="  "    bgcolor="  "></td>

</tr>

[展开全文]

控件的属性 还有值 与后端沟通

[展开全文]

202-表格常用属性

<table  border="1px"  width="500px"   height="500px"   align="center"   bgcolor="red"   cellspacing="10px"     cellpad'ding="2px">  </table>

[展开全文]

201-创建表格

1.   <table   border="1px">

            <tr>    (table row)

               <td> 我是内容</td>   (table da'ta)

                 <td>我是内容   </td>

</tr>

</table>

[展开全文]

118-超链接的其他内容

1. 跳转到其他页面的锚点

      <a href="11.html#chapter2">斗破苍穹第二章</a>

2.<a  href="img.zip">下载</a>

   会下载这个压缩包

 

[展开全文]

117-超级链接的属性

1.  target="_blank"   保留当前页面,再打开一个新页面.   target="_self"  从当前页面打开新页面.

2. title="我是超链接标题"     当鼠标放到超链接上时,会显示提示信息.

3.  name=" "  随意起的  可以当锚点(比如页面比较长,添加锚点可以跳转到指定位置).

<a  href="#锚点"></a>    可以网页添加隐形空锚点.

 

[展开全文]

授课教师

SiKi学院老师

课程特色

下载资料(1)
视频(43)