html如何设置申请表

html如何设置申请表,第1张

你是想想说如何制作表单吗?

这里给你一个示例:

<!DOCTYPE HTML>

<html>

<head>

    <title>表单示例</title>

</head>

<body>

    <form>

    <table>

        <tr>

            <td>申请人姓名:</td>

            <td><input type="text" name="applyname"/></td>

        </tr>

    </table>   

    </form>

</body>

</html>

运行截图

我这里只写了一行的,其他的,你只需要依样画葫芦就好了。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=UTF-8">

<title>旅游申请</title>

</head>

<body>

<center>

<form action="Result.txt" method="post" name="myform">

旅游申请表

<br/>

<br/>

<table>

<tr align="left">

<td align="right">

姓名:

</td>

<td>

<input type="text" name="name">

</td>

</tr>

<tr align="left">

<td align="right">

性别:

</td>

<td>

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

</td>

</tr>

<tr align="left">

<td align="right">

出生年月:

</td>

<td>

<select name="burndate">

<option>1960</option>

<option>1961</option>

<option>1962</option>

<option>1963</option>

<option>1964</option>

<option>1965</option>

<option>1966</option>

<option>1967</option>

<option>1968</option>

<option>1969</option>

<option>1970</option>

<option>1971</option>

<option>1972</option>

<option>1973</option>

<option>1974</option>

<option>1975</option>

<option>1976</option>

<option>1977</option>

<option>1978</option>

<option>1979</option>

<option>1980</option>

<option>1981</option>

<option>1982</option>

<option>1984</option>

<option>1985</option>

<option>1986</option>

<option>1987</option>

<option>1988</option>

<option>1989</option>

<option>1990</option>

<option>1991</option>

<option>1992</option>

<option>1993</option>

<option>1994</option>

<option>1995</option>

<option>1996</option>

<option>1997</option>

<option>1998</option>

<option>1999</option>

<option>2000</option>

<option>2001</option>

<option>2002</option>

<option>2003</option>

<option>2004</option>

<option>2005</option>

<option>2006</option>

<option>2007</option>

<option>2008</option>

<option>2009</option>

<option>2010</option>

</select>

<select>

<option>1</option>

<option>2</option>

<option>3</option>

<option>4</option>

<option>5</option>

<option>6</option>

<option>7</option>

<option>8</option>

<option>9</option>

<option>10</option>

<option>11</option>

<option>12</option>

</select>

</td>

</tr>

<tr align="left">

<td align="right">

住址:

</td>

<td>

<input type="text" name="address">

</td>

</tr>

<tr align="left">

<td align="right">

联系方式:

</td>

<td>

<input type="text" name="phonenum">

</td>

</tr>

<tr align="left">

<td align="right">

申请日期:

</td>

<td>

<input type="text" name="aplydate">

</td>

</tr>

<tr align="left">

<td align="right">

旅游景点:

</td>

<td>

华山<input type="checkbox" name="place" value="华山">嵩山<input type="checkbox" name="place" value="嵩山">花果山<input type="checkbox" name="place" value="花果山">黄山<input type="checkbox" name="place" value="黄山">

</td>

</tr>

<tr align="left">

<td align="right">

旅游时间:

</td>

<td>

<input type="text" name="traveltime">

</td>

</tr>

<tr align="left">

<td align="right">

备注:

</td>

<td>

<textarea name="remarks" cols="20" rows="5">

</textarea>

</td>

</tr>

</table>

</form>

</center>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7441458.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-05
下一篇 2023-04-05

发表评论

登录后才能评论

评论列表(0条)

保存