|
要求:在本文档中的题目下作答,在所写的代码下面粘贴运行后的网页截图,提交本word文档即可。
/ S2 R$ {* z- B; |) y9 F小明的女朋友跟他生气了,他想哄女朋友开心。他在想为女朋友做点儿什么呢?他看女朋友最近经常浏览淘宝、京东、新浪、百度这些网站,于是,就给她做了简单的页面。女朋友看了之后感觉不太好看,小明同学想将列表的方式转化为表格。小明想,如果女朋友又有感兴趣的网站,那怎么办呢?是不是可以添加一个输入框和添加按钮可以让女友自己添加呢,下面是小明写的部分的代码:3 m2 ^: p! \/ o2 U
( }: F8 \0 X% B1 g
' L$ g8 h, q6 ~<DOCTYPEhtml>; c* P3 U) F* I* O
<html>
. [8 ]( {7 M N- m$ F<head></head>
6 Z* {# X4 M" ?: X0 p6 _<body>: a2 l! c$ O" B
<tableborder="1"cellpadding = "20"cellspacing="0">
5 c3 H8 n6 C, }) w/ v* Y& V<tr>7 T$ R* M3 }7 u e4 z& e
<th>网站名称</th>
8 P, i l. Z$ N7 Z$ ]<th>网站地址</th>$ n: |# {! S6 R& s0 m* e1 D7 u4 t
</tr>* Q0 t* ~+ q, p3 }6 i) j
<tr>2 @& F& R6 G2 q$ I$ F4 c
<td>京东</td>, X% ]% l6 q' s' T
<td>http://www.jingdong.com</td>% j. L9 ]1 ~7 e1 w$ @4 Z
</tr>
2 @# V7 x8 e' c, J$ p</table>$ ]. I* M" ], j) G4 b+ g `
<labelfor="name">网站名称:</label>
8 u& p, y+ [# ^, P( T' N1 I2 _<inputid="name"/>
7 j, \( J" p* X2 p5 [4 y+ q<labelfor="address">网站链接:</label>7 U# f# L/ `3 o2 q- }; ]' |
<inputid="address"/>* h, i# P) b, I/ w; X8 ~9 Q& z- [
<spanclass="btn">添加</span>% O9 G# `1 M9 }5 Z' [
</body>
. ^6 m0 u( V" r4 S5 q5 c3 @<style>+ x' d1 n$ c3 c( G
table {1 i! o, `* p2 |% R
margin-bottom: 20px;
5 u5 W1 o& T- ^ }: ~% {$ f4 R* R) G
.btn {
: q2 t4 a& u* v7 J; gdisplay: inline-block;
% Y* Z H& V( b/ ?padding: 3px10px;
! ?, \! b8 \( f% [4 aborder: 1pxsolid;) r) L. s+ e5 w8 W# V# B
margin-left: 20px;
4 X. C; e2 C/ U: w% i8 ncursor: pointer;8 e& E$ R% {0 ?
}( v3 o3 E* h7 x1 q
</style>
7 _5 }! N( l. M</html># ? B8 z, y% U% d9 S) S
5 w9 ~; @2 \0 t9 g+ A7 {. P8 o, r# `' }- g9 B
1.小明同学想给添加按钮添加点击事件,并判读两个输入的框的值不能为空,如果两个输入框有一个值为空的话弹窗提示:请输入添加网站所需内容。他该怎么做呢?1 `" W: _- t- O/ q/ v4 Q
, [' k. p- q( r2.小明同学想将输入框的值动态添加到表格中。他该怎么做呢?7 \0 P' w* P* ` s ~. S/ s
: H W6 ]1 F- @ |
|