HTML5 _表单提交

最新推荐文章于 2025-05-15 08:02:45 发布

原创最新推荐文章于 2025-05-15 08:02:45 发布 · 6.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 #表单

Html5 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了HTML5中表单提交的相关知识，包括action和method属性的使用，GET和POST的区别，以及HTML5的新属性如何简化表单验证。通过示例说明了使用.ashx文件处理表单数据的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html5的确是大势所趋现在就来说下html 5
<!DOCTYPE html>
当你看到你的页面标头是这样证明是h5咯，以往的页面开头总是很长现在简单多了

<meta charset="UTF-8">

这个是编码格式咯 或者是别的

这时候就说说吧

<form action="提交地址" method="get/post" onsubmit="return checked() //提交前的检查 ">

首先请看 action
action 提交的位置（你所需要的）
method 提交方式 GET，POST，PUT，DELETE 今天就只说 get 和post（对应主题表单提交）
get : 大小有限每个浏览器的不一样 IE的就大一点 2k还多一点以?分割URL和传输数据，参数之间以&相连，如：login.action?name=hyddd&password=idontknow&verify=%E4%BD%A0%E5%A5%BD。如果数据是英文字母/数字，原样发送，如果是空格，转换为+，如果是中文/其他字符，则直接把字符串用BASE64加密，得出如：%E4%BD%A0%E5%A5%BD，其中％XX中的XX为该符号以16进制表示的ASCII。
post :大小明显比get 大然后是密文传输 ==安全（相对的）
其实html 5的效验已经能够帮我们屏蔽很多用户的非法输入了
但是你还是加上吧

function checked()
{
    //大王叫我来巡山  我把人间看一看
    return  false || true;
}

得到你上面判断的结果了就可以提交到你想要的服务端了
自己是一个半吊子的.net程序员还是用下我们常用的 .ashx 文件来处理吧（终于这时候不用写 xmlHttpRequest 。翻身农奴把歌唱！！！！）

<body>
    <form id="form1" runat="server" action="addUserHandler.ashx" method="post" onclick="return check()">
        <div>
            <table>
                <tr>
                    <td>请输入用户名</td>
                    <td>
                        <input type="text" id="user_name" placeholder="请输入名字" name="user_name" required="required" /></td>
                </tr>
                <tr>
                    <td>请输入Email</td>
                    <td><input type="email" id="user_Email" name="user_Email" placeholder="请输入邮箱" required="required" /></td>
                </tr>
                <tr>
                    <td>请输入年纪：</td>
                    <td><input type="number" id="user_age" name="user_age" required="required" value="18" step="1" /></td>
                </tr>
                <tr>
                    <td>请输入创建金额</td>
                    <td><input type="number" id="user_pace"  name="user_pace" required="required" value="2000" step="500"  max="5000"/></td>
                </tr>
                <tr>
                    <td colspan="2"><input type="submit" value="添加" /></td>

                </tr>               

            </table>

        </div>
    </form>
</body>

是不是有什么 required , step, max ,….找个日子吧h5里面的新属性加上来毕竟可以让我们少写好多代码哈哈（懒吧那就对了不懒怎么会进步呢？）

其实你会觉得为什么又是 id 又是 name 对不对？那就告诉你好了在action 提交的时候 id 他是不认的你需要给name form 在 submit 按下的时候就会获取到这些信息然后提交到服务端

ashx的就是非常简单的咯

 context.Response.ContentType = "text/plain";
            DBFistEntities db = new DBFistEntities();
            userinfo u = new userinfo();
            try
            {
                u.name = context.Request["user_name"];
                u.info = context.Request["user_email"];
                u.createtime = DateTime.Now;
                u.TotalPace = Convert.ToInt32(context.Request["user_pace"]);
                db.userinfo.Add(u);
                db.SaveChanges();
                //你想要干什么 就去吧
            }
            catch (Exception)
            {
                //年轻人 我们这里有上好的波斯美女 玉石 上面有些瑕疵 有兴趣一起清理它吗？ 随后让我们策马奔腾 过的潇潇洒洒！！！
                throw;
            }