Button com funçao de submit, mas invisivel no form

[RedHot66 2]

Galera, gostaria de saber se é possivel ter um button em um form que tem a função do type="submit", mas gostaria que ele estivesse "invisivel" no meu form.

Como se o meu button estivesse dentro de um <a href=""> e quando clicasse nessa tag, executaria a função desse button que atenderia esse form.

NÃO SEI se é possivel isso, sou iniciante no php/html ainda.

 

[Kincaid 6]

Não entendi bem qual é sua intenção, mas você pode sim deixar ele invisível ou atribuir a função de enviar

formulário para alguma outra tag..

<style>
    button {
        display: none;
    }
</style>
<form action="" method="get">
    <input name='valor1' type='text'>
    <button type='submit'></button>
</form>

Nesse exemplo o button nem vai aparecer, mas digitando alguma coisa no input e pressionando

o enter, o formulário será enviado...

 

:)

[RedHot66 2]

Opa, obrigado pela resposta, mas tem como eu fazer que um href ativasse a função de enviar? Como se o meu link 'fosse um button submit'?

[ESerra 744]

Movendo para a área correta, JS.

[Kincaid 6]

Têm sim...

<form action="" method="get" id="formulario">
    <input name='valor1' type='text'>
    <a id="fakesubmit" href="#qualquercoisa">Enviar</a>
</form>
<script>
    var link = document.getElementById('fakesubmit');
    link.onclick = function(e){
        e.preventDefault;
        document.getElementById('formulario').submit();
    };
</script>

[RedHot66 2]

Cara, valeu, mas tá dando erro aqui, olha que eu fiz :

 

Index.php

<form action="" method="post" id="formulario">
    <input name='valor1' type='hidden' value="123">
    <a id="fakesubmit" href="recebe.php">Enviar</a>
</form>
<script>
    var link = document.getElementById('fakesubmit');
    link.onclick = function(e){
        e.preventDefault;
        document.getElementById('formulario').submit();
    };
</script>

Recebe.php

 

<?php


$teste = $_GET['valor1'];


echo $teste;


?>

Ele não ta pegando o value do form :/

 

Notice: Undefined index: valor1 in C:\xampp\htdocs\teste\recebe.php on line 3

[William Bruno 1501]

o form tá enviando POST

 

<?php


$teste = $_POST['valor1'];


echo $teste;

[RedHot66 2]

Galera, obrigado pela ajuda de Todos!!

Foi resolvido, o meu problema era a action do form que estava vazio..

Aqui está o código funcionando :

Index.php

<form action="recebe.php" method="post" id="formulario">
    <input name='valor1' type='hidden' value="123">
    <a id="fakesubmit" href="#">Enviar</a>
</form>
<script>
    var link = document.getElementById('fakesubmit');
    link.onclick = function(e){
        e.preventDefault;
        document.getElementById('formulario').submit();
    };
</script>

Recebe.php

<?php

 $teste = $_POST['valor1'];

echo $teste;


?>