html复习第五天表单输入-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_28629495/article/details/51337997

本文详细介绍了HTML表单中的各种元素及其用法，包括文本输入框、密码输入框、单选按钮、复选框、下拉选择框、文本区域、文件上传及隐藏域等，并通过一个具体的例子展示了这些元素如何在实际网页中被使用。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
    <title></title>
</head>
<body>
    <form action="test.php" method = "POST">
    <P>姓名：<input type="text" name = "name" value = "张三"></P>
    <P>密码：<input type="password" name = "password" value = "password"></P>
    <P>性别：男<input type="radio" value = "男" name = "sex" checked="checked">
             女<input type="radio" value = "女" name = "sex">
    </P>
    <P>爱好：
        篮球<input type="checkbox" value = "篮球" name = "love" checked="checked">
        足球<input type="checkbox" value = "篮球" name = "love">
        台球<input type="checkbox" value = "篮球" name = "love" checked="checked">
        吃屎<input type="checkbox" value = "篮球" name = "love">                        
    </P>
    <P>城市：
        <select>
            <option value = "上海" name = "city">上海</option>
            <option value = "北京" name = "city">北京</option>
            <option value = "天津" name = "city">天津</option>
            <option value = "长沙" name = "city">长沙</option>
            <option value = "山东 name = "city"" selected="selected">山东</option>                                              
        </select>
    </P>
    <span style="vertical-align: top">
        简介：<textarea name = "info" rows = "3" cols = "26">我是一条来自北方的窜天大树</textarea></span>
    <P>头像：<input type="file" name = "pic"></P>
    <P>隐藏域：<input type="hidden" name = "ip" value = "192.168.1.1">你的ip地址</P>
    </form>
</body>
</html>