Php 如何在单击按钮时更改表单输入标记的CSS属性（边框颜色）并提交数据？_Php_Html_Css_Forms

Php 如何在单击按钮时更改表单输入标记的CSS属性（边框颜色）并提交数据？

php html css forms

Php 如何在单击按钮时更改表单输入标记的CSS属性（边框颜色）并提交数据？,php,html,css,forms,Php,Html,Css,Forms,我有一个test2.php文件，它在echo“”中的php标记中包含html表单；像这样，我在表单中也有submit按钮，我的问题是，在submit上单击表单数据会通过表单方法post发送到Receiver页面，但也会更改输入类型的css属性，以便确认提交了特定的表单输入 test2.php的内容 <!DOCTYPE html> <html> <head> <title></title> <style type=

我有一个test2.php文件，它在echo“”中的php标记中包含html表单；像这样，我在表单中也有submit按钮，我的问题是，在submit上单击表单数据会通过表单方法post发送到Receiver页面，但也会更改输入类型的css属性，以便确认提交了特定的表单输入

test2.php的内容

<!DOCTYPE html>
<html>
<head>
    <title></title>

    <style type="text/css">
        .form-filled{
            border: 1px solid #ffff00;

        }
    </style>
</head>
<body>

    <form id='form1' action='test2.php' method='post'>
        <label></label> 

            <input type='text' name='fname' value='Rinku' >
            <input type='text' name='lname' value='yadav' >
            <input type='text' name='deg' value='BE' >
            <input type='text' name='course' value='CSE' >

        <label>checkbox: </label>
        <input type='checkbox' name='check' onchange='checkfunction()'>
        <br>
        <input type='submit' name='submit1' value='Submit1' onclick="alert('submit 1 button pressed');">
        <input type=submit name='submit2' value='Submit2' onclick='myfunction()'>
    </form>


<?php

    echo "<form id='form2' action='test2.php' method='post'>";

        echo "<label></label>";

        echo "<input type='text' name='fname' value='Rinku' >";
        echo "<input type='text' name='lname' value='yadav' >";
        echo "<input type='text' name='deg' value='BE' >";
        echo "<input type='text' name='course' value='CSE' >";
        echo "<label>checkbox: </label>";
        echo "<input type='checkbox' name='check' onchange='checkfunction()'>";
        echo "<br>";
        echo "<input type='submit' name='submit1' value='Submit1' onclick="."alert('submit 1 button pressed');".">";
        echo "<input type=submit name='submit2' value='Submit2' onclick='myfunction()'>";

    echo "</form>";

?>


    <script type='text/javascript'>


        function myfunction(){
            alert('Submit 2 is clicked!');

            $('input').addClass("form-filled");

        }

        function checkfunction(){
            alert('checkbox is check/unchecked');

        }

    </script>
</body>
</html>


.填写表格{
边框：1px实心#ffff00；
}
复选框：


您错误地应用了jQuery中的CSS。最好在输入元素上添加类，并在该类上应用CSS
更改此行：
$('input').css({'border: 1px solid #ffff00;'});

$('input').addClass("form-filled");

document.elm.style.border = "3px solid #FF0000";

这一行：
$('input').css({'border: 1px solid #ffff00;'});

$('input').addClass("form-filled");

document.elm.style.border = "3px solid #FF0000";

顺便问一下，这行中的elm
：
$('input').css({'border: 1px solid #ffff00;'});

$('input').addClass("form-filled");

document.elm.style.border = "3px solid #FF0000";

它还抛出一个错误，因为elm
未定义
这是我刚刚更改类边界的演示

函数myfunction（）{
警报（'单击提交2！'）；
$（'input[type=text]'）。addClass（“填表”）；
}
函数checkfunction（）{
警报（“复选框已选中/未选中”）；
}
$（“表格”）。提交（功能（e）{
e、 预防默认值（）；
});
。填写表格{
边框：1px实心#ffff00；
}

复选框：



复选框：


但在提交2时，输入标记的边框颜色仍然没有更改。单击编辑需要将红色更改为#ffff00@Rink16从jQuery中添加类并在该类上应用css，这是输入字段的更好选项。@Rink16我已经添加了在所有输入字段上添加类的解决方案。您只需要在该类上移动样式即可。我更新了上面讨论的php代码，我正在尝试更新该代码，但在submit 2单击时仍然没有更改边框颜色