How can I remove the labels from my custom contact us form in Liquid?

Technical Q&A
1

Hello, I’ve been coding a whole contact us in html for the past two days because I didn’t like the contact default page. It was looking really good but since I was going to have to convert it to PHP of some kind to submit the data to a server. Since shopify won’t let me do that I’m just using the default liquid and going from there. Since it’s very similar to HTML I’m just putting bits and pieces in there. One big problem I’m having is the labels. Here is my code.

{% if page.content.size > 0 %}

{{ page.content }}
{% endif %}
{%- assign formId = 'ContactForm' -%} {% form 'contact', id: formId %} {% include 'form-status', form: form, form_id: formId %}

Cincinnati IT Service

Contact Us For A Quote

{{ 'contact.form.name' | t }}
{{ 'contact.form.email' | t }} * {%- if form.errors contains 'email' -%} {{ 'general.accessibility.error' | t }} {% include 'icon-error' %} {{ form.errors.translated_fields['email'] | capitalize }} {{ form.errors.messages['email'] }}. {%- endif -%}

{{ ‘contact.form.phone’ | t }}

{{ ‘contact.form.message’ | t }}

{% if form.body %}{{ form.body }}{% endif %}

{% endform %}

The row and columns classes were created by me and put in theme.css so that’s fine. The problem I’m experiencing is the name part. This will apply to every other input but basically I want to get rid of the “Name” label above the input and just leave the placeholder within it. I do not know how to get rid of the label without ridding of some sort of important value. Please help, thanks.