web如何制作表单?

2025-09-28 02:33:56

1、新建文本文档".txt"。如下图所示:

web如何制作表单?

2、打开,文本文档".txt",编写表单代码。如下图所示:

web如何制作表单?

3、保存。更改文件名,重命名,为form.htm(表单)。如下图所示:

web如何制作表单?

4、弹出重命名对话框提示:”如果改变文件扩展名,可能会导致文件不可用,确定要更改吗“点击”是“即可。

web如何制作表单?

5、发现图标改变了,点击打开即可看到表单内容。如下图所示:

web如何制作表单?

web如何制作表单?

1、<body background="pic.jpg">

<h2 align="center"><b>用户注册</b></h2>

<form >

姓名:<input type="text" name="name" id="name"><br/>

学号:<input type="text" name="name" id="name"><br/>

性别:<input type="radio" value="male" checked />男

<input type="radio" value="female" />女<br/>

年级:

<select name="select1">

<option value="1" select>2010级</option>

<option value="2" >2011级</option>

<option value="3" >2012级</option>

</select>

专业:

<select name="select2">

<option value="1" select>办公应用</option>

<option value="2" >网络管理</option>

<option value="3" >网络技术</option>

</select>

班级:

<select name="select3">

<option value="1" select>1班</option>

<option value="2" >2班</option>

<option value="3" >3班</option>

</select><br/>

登陆密码:<input type="password" id="password" value="" size="20"><br/>

确认密码:<input type="password" id="password" value="" size="20"><br/>

密码提示问题:

<select name="select4">

<option value="1" select>父亲的名字?</option>

<option value="2" >母亲的名字?</option>

<option value="3" >出生年月日?</option>

<option value="4" >小学学校的名字?</option>

</select><br/>

问题答案:

<input type="text"><br/>

电子邮件:

<input type="text" name="email">@<select name="select5">

<option value="1" select>sohu.com</option>

<option value="2" >126.com</option>

<option value="3" >163.com</option>

<option value="4" >sina.com</option>

<option value="5" >yahoo.com</option>

</select><br/>

爱好:

<input type="checkbox" checked>音乐

<input type="checkbox" checked>旅游

<input type="checkbox">游戏

<input type="checkbox">摄影

<input type="checkbox">影视

<br/>

个人描述:<br/>

<textarea cols="50" rows="10" wrap="virtual"></textarea>

<br/>

<input type="submit" value="确认以上信息并提交">&nbsp;&nbsp;

<input type="reset" value="不,我要重新输入">

</form></body>

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢