HTML学习笔记——post表单

1>form1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>

    <form action="">
        <input type="text" /><!-- 单行文本 -->    
        <input type="password" /><!-- 密码框 -->
        <input type="radio" /><!-- 单选框 -->
        <input type="checkbox" /><!-- 复选框 -->
        <input type="hidden" /><!-- 隐藏域 -->
        <input type="submit" /><!-- 提交按钮 -->
        <input type="file" /><!-- 文件域 -->
        <input type="reset" value="" /><!-- 重置按钮 -->
        <input type="button" value="" /><!-- 按钮 -->
        <textarea></textarea><!-- 文本区域 -->
        <select>
            <option></option>
        </select><!-- 下拉框 -->
    </form>


</body>
</html>

2>form2

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网站用户个人资料调查</title>
</head>

<body>
    <!-- action用来指定接收信息的脚本 -->
    <!-- method属性用来指定数据的传输方式 -->
    <form action="post.php" method='post'>
        
        <input type="hidden" />

        您当前的位置:<input type="text" value='百度网' disabled='disabled'/>
        <br /><br />

        <label for='uname'>用户名:</label><input id='uname' type="text" size='50' maxlength='10' name='uname' value='张三'/>
        <br /><br />

        密码:<input type="password" name='pwd' />
        <br /><br />

        性别:男<input type="radio" name='sex' value='1' checked='checked'/><input type="radio" name='sex' value='0'/>
        <br /><br />

        爱好:篮球<input type="checkbox" name="hobby[]" value='lanqiu' />
            排球<input type="checkbox" name="hobby[]" value='paiqiu' />
            足球<input type="checkbox" name="hobby[]" value='zuqiu' />
            乒乓球<input type="checkbox" name="hobby[]" value='pinbgpangqiu' />
        <br /><br />

        来这里的目的:
        <select name="target" size='2' multiple='multiple'>
            <option value="first">第一</option>
            <option value="second" selected='selected'>第二</option>
            <option value="third">第三</option> 
            <option value="forth">第四</option>
        </select>
        <br /><br />

        个人介绍:<textarea name="jieshao" rows='10' cols='40'></textarea>
        <br /><br />

        个人照片<input type="file" />
        <br /><br />

        <input type="submit" value="更新资料" />
        <input type="reset" value="重置"/>
        <input type="button" value="按钮"/>
        <br /><br />
        

    </form>
</body>
</html>
原文地址:https://www.cnblogs.com/tonglin0325/p/4663307.html