Как изменить кнопку ввода формы для привязки HREF? - PullRequest
Новая
       3

Как изменить кнопку ввода формы для привязки HREF?

0 голосов
/ 07 октября 2019

Я хочу изменить дизайн своего сайта с помощью шаблона html / css. В коде моего сайта используется ввод формы в качестве кнопки выхода из системы (метод отправки формы), но в шаблоне я использую привязку в качестве кнопки. Как я могу все еще использовать стиль шаблона, но все еще работающую кнопку?

Я пытался изменить <input> на <button>, но все же стиль отличается, также добавление «метода» и «действия» кажется недопустимым дляякорь.

ниже мой код 

<form method="POST" enctype="multipart/form-data" action="{{ route('logout') }}">
<input type="submit" value="Logout">
</form>

, и это код из шаблона 

<a href="#" class="dropdown-item has-icon text-danger">
<i class="fas fa-sign-out-alt"></i> Logout
</a>

Я ожидаю, что href также может выполнить метод действия post.

Ответы [ 2 ]

0 голосов
/ 09 октября 2019

Я только что нашел ответ, глядя на Laravel по умолчанию app.blade.php. Чтобы решить эту проблему, я должен изменить свой код и добавить JavaScript, чтобы он стал таким: 

          <a class="dropdown-item has-icon text-danger" href="{{ route('logout') }}" onclick="event.preventDefault();
                                                 document.getElementById('logout-form').submit();">
            <i class="fas fa-sign-out-alt"></i> Logout
          </a>
          <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
            @csrf
          </form>
0 голосов
/ 07 октября 2019

Вы можете попробовать это: 

<a href="#" class="dropdown-item has-icon text-danger">
<i class="fas fa-sign-out-alt"></i> <form method="POST" enctype="multipart/form-data" action="{{ route('logout') }}">
<input type="submit" value="Logout">
</form>
</a>
...