前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

day16——html表单(html表单怎么做)

表单练习1

代码:

<HTML>

<BODY>

<FORM action="http://www.mycom.cn/reg/" method="post">

<H2>申请表</H2>

姓名

<INPUT TYPE="TEXT" NAME="EName" SIZE="30" MAXLENGTH="30" VALUE="">

<p>教育程度

<INPUT TYPE="CHECKBOX" NAME="Graduate" CHECKED>硕士

<INPUT TYPE="CHECKBOX" NAME="Post Graduate">博士

<P>性别

<INPUT TYPE="RADIO" NAME="Gender" VALUE="Male" CHECKED>男

<INPUT TYPE="RADIO" NAME="Gender" VALUE="Female">女

<P>月薪

<INPUT TYPE="TEXT" NAME="Salary" SIZE="10" MAXLENGTH="10" VALUE="">

<P>附注

<TEXTAREA ROWS=3 COLS=30>请在这里键入附注</TEXTAREA>

<P>国籍

<SELECT NAME="Country">

<OPTION value="American">美国

<OPTION value="Australia" SELECTED>澳大利亚

<OPTION value="Japan">日本</OPTION>

<OPTION value="Singapore">新加坡</OPTION>

</SELECT>

<P>

<INPUT TYPE="SUBMIT" VALUE=" 提 交 ">

<INPUT TYPE="RESET" VALUE=" 重 置 ">

</FORM>

</BODY>

</HTML>

效果图

表单练习二:

<HTML><HEAD><TITLE>留言簿 </TITLE>

<META http-equiv=Content-Type content="text/html; charset=gb2312">

<META content="MSHTML 6.00.3790.4026" name=GENERATOR></HEAD>

<BODY bgColor=#e7e7e7>

<FORM action=# method=post>

<TABLE cellSpacing=6 cellPadding=0 width=500 align=center border=0>

<TBODY>

<TR>

<TH colSpan=2 height=50>留言簿</TH>

<TR>

<TD>

<DIV align=right>名字:</DIV></TD>

<TD align=left><INPUT size=15 name=name></TD></TR>

<TR>

<TD align=right>E-Mail:</TD>

<TD align=left><INPUT size=36 name=e-mail></TD></TR>

<TR>

<TD vAlign=top align=right>留言:</TD>

<TD align=left><TEXTAREA name=comments rows=5 cols=35></TEXTAREA></TD></TR>

<TR>

<TD align=middle colSpan=2><INPUT type=submit value="完 成"> <INPUT type=reset value="重 写"> </TD></TR></TBODY></TABLE></FORM></BODY></HTML>

效果图

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言